mirror/Hangar
2
0
Fork 0
mirror of https://github.com/HangarMC/Hangar.git synced 2024-11-21 01:21:54 +08:00
Code Issues Packages Projects Releases Wiki Activity

clean up css a bit

Browse Source 
Signed-off-by: MiniDigger <admin@benndorf.dev>
This commit is contained in:
MiniDigger 2022-03-15 08:15:07 +01:00 committed by MiniDigger | Martin
parent e494939115
commit 1c2ce789cd
3 changed files with 40 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
frontend-new/src/styles/main.css
View File

@ -1,4 +1,6 @@
@import "./markdown.css";
@import "./scrollbar.css";
@import "./shadows.css";
/* TODO do we need this? */
#nprogress {
@ -22,46 +24,6 @@ html {
font-weight: 400;
}
/*Harsh shadow -> Hangar menu / paper forums menu*/
.shadow1 {
box-shadow: 0 10px 20px rgb(0 0 0 / 15%), rgb(0 0 0 / 10%) 0 0 0 1px;
}
/*Softer shadow -> Paper forums sidebar*/
.shadow-soft {
box-shadow: 0 4px 15px 0 rgb(88 106 153 / 20%);
}
.dark .shadow-soft {
box-shadow: 0 4px 15px 0 rgb(0 0 0 / 20%);
}
.w-fit {
width: fit-content;
}
::-webkit-scrollbar {
width: 10px;
}
* {
scrollbar-color: #004ee9 #f2f5fb;
scrollbar-width: thin;
}
::-webkit-scrollbar-track {
background: #f2f5fb;
}
.dark ::-webkit-scrollbar-track {
background: #181a1b;
}
::-webkit-scrollbar-thumb {
background: #004ee9;
}
::-webkit-scrollbar-thumb:hover {
background: #181a1b;
}
.dark ::-webkit-scrollbar-thumb:hover {
background: #f2f5fb;
}

26
frontend-new/src/styles/scrollbar.css Normal file
View File

@ -0,0 +1,26 @@
::-webkit-scrollbar {
width: 10px;
}
* {
scrollbar-color: #004ee9 #f2f5fb;
scrollbar-width: thin;
}
::-webkit-scrollbar-track {
background: #f2f5fb;
}
.dark ::-webkit-scrollbar-track {
background: #181a1b;
}
::-webkit-scrollbar-thumb {
background: #004ee9;
}
::-webkit-scrollbar-thumb:hover {
background: #181a1b;
}
.dark ::-webkit-scrollbar-thumb:hover {
background: #f2f5fb;
}

12
frontend-new/src/styles/shadows.css Normal file
View File

@ -0,0 +1,12 @@
/*Harsh shadow -> Hangar menu / paper forums menu*/
.shadow1 {
box-shadow: 0 10px 20px rgb(0 0 0 / 15%), rgb(0 0 0 / 10%) 0 0 0 1px;
}
/*Softer shadow -> Paper forums sidebar*/
.shadow-soft {
box-shadow: 0 4px 15px 0 rgb(88 106 153 / 20%);
}
.dark .shadow-soft {
box-shadow: 0 4px 15px 0 rgb(0 0 0 / 20%);
}