This commit is contained in:
32
assets/styles/style.css
Normal file → Executable file
32
assets/styles/style.css
Normal file → Executable file
@@ -90,7 +90,7 @@ html, body {
|
||||
background: var(--page-bg);
|
||||
color: var(--fg);
|
||||
font-family: var(--font-body);
|
||||
font-size: 16px;
|
||||
font-size: 18px;
|
||||
line-height: 1.75;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
height: 100dvh;
|
||||
@@ -100,6 +100,10 @@ html, body {
|
||||
|
||||
body { display: flex; flex-direction: column; }
|
||||
|
||||
body, p, li, td, th, span, div {
|
||||
font-family: 'Noto Sans Arabic', sans-serif;
|
||||
}
|
||||
|
||||
/* =========================================================
|
||||
HEADER
|
||||
========================================================= */
|
||||
@@ -346,11 +350,31 @@ body { display: flex; flex-direction: column; }
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
padding-bottom: 12px;
|
||||
}
|
||||
|
||||
/* Firefox */
|
||||
#file-tree {
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: var(--border-2) transparent;
|
||||
}
|
||||
#file-tree::-webkit-scrollbar { width: 3px; }
|
||||
#file-tree::-webkit-scrollbar-thumb { background: var(--border-2); border-radius: 2px; }
|
||||
|
||||
/* Chrome / Edge / Safari */
|
||||
#file-tree::-webkit-scrollbar,
|
||||
#sidebar::-webkit-scrollbar {
|
||||
width: 6px;
|
||||
}
|
||||
|
||||
#file-tree::-webkit-scrollbar-track,
|
||||
#sidebar::-webkit-scrollbar-track {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
#file-tree::-webkit-scrollbar-thumb,
|
||||
#sidebar::-webkit-scrollbar-thumb {
|
||||
background-color: var(--border-2);
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
|
||||
.tree-folder {
|
||||
display: flex;
|
||||
@@ -375,7 +399,7 @@ body { display: flex; flex-direction: column; }
|
||||
.tree-folder:hover { background: var(--accent-sub); color: var(--fg); }
|
||||
|
||||
.tree-file {
|
||||
display: flex;
|
||||
/* display: flex; */
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
padding: 3px 10px 3px 12px;
|
||||
|
||||
Reference in New Issue
Block a user