lkva/NDOJ
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Modify left column (#75)

Browse source
This commit is contained in:
Bao Le 2023-08-17 22:22:40 +08:00 committed by GitHub
parent 5de5e278ee
commit 752d21b500
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 16 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
resources/blog.scss
View file

@ -36,7 +36,6 @@
color: green; color: green;
font-weight: bold; font-weight: bold;
background-color: lightgreen; background-color: lightgreen;
.sidebar-icon { .sidebar-icon {
color: green; color: green;
} }
@ -181,6 +180,7 @@
.left-sidebar-item { .left-sidebar-item {
display: flex; display: flex;
align-items: center; align-items: center;
border-radius: .5em;
.sidebar-icon { .sidebar-icon {
font-size: large; font-size: large;
@ -278,7 +278,6 @@
padding: 0.8em 0.2em 0.8em 0.2em; padding: 0.8em 0.2em 0.8em 0.2em;
display: inline-block; display: inline-block;
flex: 1; flex: 1;
border-radius: 8px;
.sidebar-icon { .sidebar-icon {
display: none; display: none;
@ -290,6 +289,7 @@
margin-bottom: 1em; margin-bottom: 1em;
border-radius: 7px; border-radius: 7px;
display: flex; display: flex;
background: inherit;
} }
.blog-box { .blog-box {
@ -305,6 +305,11 @@
@media (min-width: 800px) { @media (min-width: 800px) {
.left-sidebar-item { .left-sidebar-item {
margin-bottom: 10px;
margin-left: 10px;
border: 1px solid lightgray;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
background-color: white;
padding: 0.8em 0.2em 0.8em 1em; padding: 0.8em 0.2em 0.8em 1em;
} }
@ -345,9 +350,7 @@
height: 100%; height: 100%;
margin-top: -4em; margin-top: -4em;
padding-top: 4em; padding-top: 4em;
border-right: 1px solid lightgray; border-right: 1px;
box-shadow: 0px -10px 2px 0px rgb(0 0 0 / 50%);
background: white;
} }
.feed-table { .feed-table {

11
resources/darkmode.css
View file

@ -1892,6 +1892,10 @@ noscript #noscript {
.middle-content .post .title a:hover { .middle-content .post .title a:hover {
color: rgb(255, 70, 70) !important; color: rgb(255, 70, 70) !important;
} }
.left-sidebar-item {
border-color: rgb(60, 65, 68);
background-color: rgb(24, 26, 27);
}
.left-sidebar-item.active { .left-sidebar-item.active {
color: rgb(114, 255, 114); color: rgb(114, 255, 114);
background-color: rgb(40, 111, 17); background-color: rgb(40, 111, 17);
@ -1966,10 +1970,11 @@ noscript #noscript {
} }
@media (min-width: 800px) { @media (min-width: 800px) {
.left-sidebar { .left-sidebar {
border-right-color: rgb(60, 65, 68); /* border-right-color: rgb(60, 65, 68); */
box-shadow: rgba(0, 0, 0, 0.5) 0px -10px 2px 0px; /* box-shadow: rgba(0, 0, 0, 0.5) 0px -10px 2px 0px; */
background-image: initial; background-image: initial;
background-color: rgb(24, 26, 27);
/* background-color: rgb(24, 26, 27); */
} }
.blog-box { .blog-box {
border-left-color: rgb(60, 65, 68); border-left-color: rgb(60, 65, 68);