mirror of
https://github.com/quantum5/correcthorsebatterystaple.git
synced 2025-04-24 10:11:57 -04:00
Improve mobile support.
This commit is contained in:
parent
1e2b63bd87
commit
c4f05c5b48
|
@ -2,3 +2,5 @@ import './app.scss'
|
||||||
import './clipboard'
|
import './clipboard'
|
||||||
import './navbar'
|
import './navbar'
|
||||||
import './ui'
|
import './ui'
|
||||||
|
|
||||||
|
import 'bootstrap/js/dist/collapse'
|
||||||
|
|
|
@ -16,6 +16,7 @@
|
||||||
@import "~bootstrap/scss/navbar";
|
@import "~bootstrap/scss/navbar";
|
||||||
@import "~bootstrap/scss/progress";
|
@import "~bootstrap/scss/progress";
|
||||||
@import "~bootstrap/scss/tooltip";
|
@import "~bootstrap/scss/tooltip";
|
||||||
|
@import "~bootstrap/scss/transitions";
|
||||||
@import "~bootstrap/scss/utilities/background";
|
@import "~bootstrap/scss/utilities/background";
|
||||||
@import "~bootstrap/scss/utilities/borders";
|
@import "~bootstrap/scss/utilities/borders";
|
||||||
@import "~bootstrap/scss/utilities/display";
|
@import "~bootstrap/scss/utilities/display";
|
||||||
|
|
|
@ -9,9 +9,9 @@
|
||||||
<body data-spy="scroll" data-target="nav" data-offset="72">
|
<body data-spy="scroll" data-target="nav" data-offset="72">
|
||||||
<nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top">
|
<nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<a class="navbar-brand" href="#">Correct Horse Battery Staple</a>
|
<a class="navbar-brand" href="#">Correct Horse Battery <span class="d-none d-sm-inline">Staple</span></a>
|
||||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
|
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#nav-anchors"
|
||||||
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
aria-controls="nav-anchors" aria-expanded="false" aria-label="Toggle navigation">
|
||||||
<span class="navbar-toggler-icon"></span>
|
<span class="navbar-toggler-icon"></span>
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
|
@ -89,9 +89,9 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<button class="btn btn-lg btn-primary" id="run-generator">Generate</button>
|
<button class="btn btn-lg my-1 btn-primary" id="run-generator">Generate</button>
|
||||||
<button class="btn btn-lg btn-success" id="save-settings">Save Settings</button>
|
<button class="btn btn-lg my-1 btn-success" id="save-settings">Save Settings</button>
|
||||||
<button class="btn btn-lg btn-danger" id="clear-settings">Clear Settings</button>
|
<button class="btn btn-lg my-1 btn-danger" id="clear-settings">Clear Settings</button>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in a new issue