Changeset View
Changeset View
Standalone View
Standalone View
web/style.css
Show First 20 Lines • Show All 48 Lines • ▼ Show 20 Lines | :global(#react-root) { | ||||
display: flex; | display: flex; | ||||
flex-direction: column; | flex-direction: column; | ||||
height: 100%; | height: 100%; | ||||
} | } | ||||
div.layout { | div.layout { | ||||
height: 100vh; | height: 100vh; | ||||
display: grid; | display: grid; | ||||
grid-template-columns: 560px repeat(12, 1fr); | grid-template-columns: 400px repeat(12, 1fr); | ||||
grid-template-rows: 65px calc(100vh - 65px); | grid-template-rows: 65px calc(100vh - 65px); | ||||
grid-template-areas: | grid-template-areas: | ||||
'nav nav nav nav nav nav nav nav nav nav nav nav nav' | 'nav nav nav nav nav nav nav nav nav nav nav nav nav' | ||||
'sBar app app app app app app app app app app app app'; | 'sBar app app app app app app app app app app app app'; | ||||
} | } | ||||
header.header { | header.header { | ||||
background: var(--bg); | background: var(--bg); | ||||
Show All 26 Lines | .electron-non-draggable { | ||||
-webkit-app-region: no-drag; | -webkit-app-region: no-drag; | ||||
} | } | ||||
div.main-content-container { | div.main-content-container { | ||||
position: relative; | position: relative; | ||||
grid-area: app; | grid-area: app; | ||||
display: flex; | display: flex; | ||||
overflow: hidden; | overflow: hidden; | ||||
flex-direction: column; | |||||
} | } | ||||
div.main-content { | div.main-content { | ||||
display: flex; | display: flex; | ||||
flex: 1; | flex: 1; | ||||
overflow: hidden; | overflow: hidden; | ||||
} | } | ||||
div.upper-right { | div.upper-right { | ||||
position: absolute; | position: absolute; | ||||
top: 0; | top: 0; | ||||
right: 0; | right: 0; | ||||
padding: 15px 16px; | padding: 15px 16px; | ||||
} | } | ||||
.topBar { | |||||
border-bottom: 1px solid var(--border); | |||||
height: 60px; | |||||
} | |||||
span.loading-indicator-loading { | span.loading-indicator-loading { | ||||
display: inline-block; | display: inline-block; | ||||
} | } | ||||
@keyframes loading-indicator-loading { | @keyframes loading-indicator-loading { | ||||
from { | from { | ||||
transform: rotate(0deg); | transform: rotate(0deg); | ||||
} | } | ||||
to { | to { | ||||
▲ Show 20 Lines • Show All 98 Lines • Show Last 20 Lines |