Changeset View
Changeset View
Standalone View
Standalone View
src/resources/themes/meet.scss
Show First 20 Lines • Show All 154 Lines • ▼ Show 20 Lines | |||||
} | } | ||||
#app.meet { | #app.meet { | ||||
height: 100%; | height: 100%; | ||||
#meet-component { | #meet-component { | ||||
overflow: hidden; | overflow: hidden; | ||||
} | } | ||||
nav.navbar { | |||||
display: none; | |||||
} | |||||
} | } | ||||
#meet-setup { | #meet-setup { | ||||
max-width: 720px; | max-width: 720px; | ||||
} | } | ||||
#meet-auth { | #meet-auth { | ||||
margin-top: 2rem; | margin-top: 2rem; | ||||
margin-bottom: 2rem; | margin-bottom: 2rem; | ||||
flex: 1; | flex: 1; | ||||
} | } | ||||
#meet-session-toolbar { | #meet-session-toolbar { | ||||
display: flex; | display: flex; | ||||
justify-content: center; | justify-content: center; | ||||
} | } | ||||
#meet-session-menu { | #meet-session-menu { | ||||
background: #f6f5f3; | |||||
border-radius: 0 2em 2em 0; | |||||
margin: 0.25em 0; | |||||
button { | button { | ||||
font-size: 1.3em; | font-size: 1.3em; | ||||
padding: 0 0.25em; | padding: 0 0.25em; | ||||
margin: 0.5em; | margin: 0.5em; | ||||
position: relative; | position: relative; | ||||
.badge { | .badge { | ||||
font-size: 0.5em; | font-size: 0.5em; | ||||
position: absolute; | position: absolute; | ||||
right: -0.5em; | right: -0.5em; | ||||
&:empty { | &:empty { | ||||
display: none; | display: none; | ||||
} | } | ||||
} | } | ||||
} | } | ||||
} | } | ||||
#meet-session-logo { | |||||
background: #e9e7e2; | |||||
border-radius: 2em 0 0 2em; | |||||
margin: 0.25em 0; | |||||
display: flex; | |||||
flex-direction: column; | |||||
justify-content: center; | |||||
img { | |||||
height: 1.25em; | |||||
padding: 0 1.5em; | |||||
} | |||||
} | |||||
#meet-session-layout { | #meet-session-layout { | ||||
flex: 1; | flex: 1; | ||||
overflow: hidden; | overflow: hidden; | ||||
} | } | ||||
#meet-publishers { | #meet-publishers { | ||||
height: 100%; | height: 100%; | ||||
position: relative; | position: relative; | ||||
▲ Show 20 Lines • Show All 187 Lines • ▼ Show 20 Lines | .picture { | ||||
object-fit: cover; | object-fit: cover; | ||||
} | } | ||||
} | } | ||||
.content { | .content { | ||||
flex: 1; | flex: 1; | ||||
} | } | ||||
} | } | ||||
@include media-breakpoint-down(sm) { | |||||
#meet-session-logo { | |||||
display: none; | |||||
} | |||||
#meet-session-menu { | |||||
background: transparent; | |||||
} | |||||
#app.meet { | |||||
#footer-menu { | |||||
display: block !important; | |||||
height: 2em; | |||||
padding: 0; | |||||
.navbar-brand { | |||||
padding: 0; | |||||
margin: 0; | |||||
} | |||||
img { | |||||
width: auto !important; | |||||
height: 1em; | |||||
} | |||||
} | |||||
} | |||||
} |