hamcha/tghandbook
Archived
1
0
Fork 1
Code Issues 7 Pull requests Releases Wiki Activity

Compare commits

base: hamcha:7930f961710641f022ef0cd3ad3277ffd4eab7eb
Branches Tags
hamcha:master
hamcha:ci-fuckery
hamcha:welcome-page
hamcha:dev
..
compare: hamcha:8bfbdd9f262ef8d34d25c2fe5d5901315fa8f7ea
Branches Tags
hamcha:master
hamcha:ci-fuckery
hamcha:welcome-page
hamcha:dev

No commits in common. "7930f961710641f022ef0cd3ad3277ffd4eab7eb" and "8bfbdd9f262ef8d34d25c2fe5d5901315fa8f7ea" have entirely different histories.
7930f96171 ... 8bfbdd9f26

1 changed files with 25 additions and 26 deletions
Show stats Expand all files Collapse all files

51
style/main.scss
View file

@ -35,8 +35,7 @@ body {
#app { #app {
height: 100%; height: 100%;
display: flex; display: grid;
flex-direction: column;
} }
::-webkit-scrollbar { ::-webkit-scrollbar {
@ -60,40 +59,38 @@ body {
} }
#tabs { #tabs {
flex: 1; grid-row: 3;
z-index: 1; z-index: 1;
display: grid; display: grid;
overflow: hidden; overflow: hidden;
.page { .page {
//visibility: hidden; visibility: hidden;
display: none;
overflow-y: scroll; overflow-y: scroll;
grid-row: 1; grid-row: 1;
grid-column: 1; grid-column: 1;
&.active { &.active {
//visibility: visible; visibility: visible;
display: inherit; }
&.waiting { &.waiting {
user-select: none; user-select: none;
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
overflow: hidden; overflow: hidden;
display: flex;
flex-direction: column;
height: 100%;
.speen {
flex: 1;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 100%; justify-content: center;
.speen { align-items: center;
flex: 1; img {
display: flex; width: 60vmin;
flex-direction: column; opacity: 0.9;
justify-content: center;
align-items: center;
img {
width: 60vmin;
opacity: 0.9;
}
} }
} }
} }
@ -134,6 +131,7 @@ $tab-active: lighten($nanotrasen, 10%);
#section-list { #section-list {
z-index: 2; z-index: 2;
grid-row: 1;
border-bottom: 2px solid $section-active; border-bottom: 2px solid $section-active;
display: flex; display: flex;
.section { .section {
@ -162,6 +160,7 @@ $tab-active: lighten($nanotrasen, 10%);
#tab-list { #tab-list {
z-index: 2; z-index: 2;
grid-row: 2;
display: flex; display: flex;
background-color: $section-active; background-color: $section-active;
border-bottom: 4px solid $tab-active; border-bottom: 4px solid $tab-active;