Changeset View
Changeset View
Standalone View
Standalone View
src/resources/sass/app.scss
@import 'variables'; | @import 'variables'; | ||||
@import 'bootstrap'; | @import 'bootstrap'; | ||||
@import 'meet'; | |||||
@import 'menu'; | @import 'menu'; | ||||
@import 'toast'; | @import 'toast'; | ||||
@import 'forms'; | @import 'forms'; | ||||
html, | html, | ||||
body, | body, | ||||
body > .outer-container { | body > .outer-container { | ||||
height: 100%; | height: 100%; | ||||
} | } | ||||
#app { | #app { | ||||
display: flex; | display: flex; | ||||
flex-direction: column; | flex-direction: column; | ||||
min-height: 100%; | min-height: 100%; | ||||
overflow: hidden; | |||||
& > nav { | & > nav { | ||||
flex-shrink: 0; | flex-shrink: 0; | ||||
z-index: 12; | z-index: 12; | ||||
} | } | ||||
& > div.container { | & > div.container { | ||||
flex-grow: 1; | flex-grow: 1; | ||||
▲ Show 20 Lines • Show All 240 Lines • ▼ Show 20 Lines | .form-separator { | ||||
span { | span { | ||||
background: #fff; | background: #fff; | ||||
padding: 0 1em; | padding: 0 1em; | ||||
z-index: 1; | z-index: 1; | ||||
} | } | ||||
} | } | ||||
.status-message { | |||||
display: flex; | |||||
align-items: center; | |||||
justify-content: center; | |||||
.app-loader { | |||||
width: auto; | |||||
position: initial; | |||||
.spinner-border { | |||||
color: $body-color; | |||||
} | |||||
} | |||||
svg { | |||||
font-size: 1.5em; | |||||
} | |||||
:first-child { | |||||
margin-right: 0.4em; | |||||
} | |||||
} | |||||
// Various improvements for mobile | // Various improvements for mobile | ||||
@include media-breakpoint-down(sm) { | @include media-breakpoint-down(sm) { | ||||
.card { | .card { | ||||
border: 0; | border: 0; | ||||
} | } | ||||
.card-body { | .card-body { | ||||
padding: 0.5rem 0; | padding: 0.5rem 0; | ||||
▲ Show 20 Lines • Show All 55 Lines • Show Last 20 Lines |