lifegpc/eh-downloader
1
0
Fork 0
mirror of https://github.com/lifegpc/eh-downloader.git synced 2026-07-08 01:31:00 +08:00
Code Issues Packages Projects Releases Wiki Activity

add scrollbar style, Optimize mobile phone layout (#3)

Browse Source 
* add scrollbar style, Optimize mobile phone layout

* sync
This commit is contained in:
Fei_Bam
2023-06-27 12:14:24 +09:00
committed by GitHub
parent 3352b41673
commit 83af26d3fa
4 changed files with 52 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
static/common.css
View File

@@ -1,3 +1,19 @@
::-webkit-scrollbar{
width: 6px;
height: 1px;
}
::-webkit-scrollbar-thumb{
border-radius: 100%;
}
::-webkit-scrollbar-track{
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
border-radius: 10px;
background: #EDEDED;
}
::-webkit-scrollbar-thumb{
background: rgba(0, 0, 0, 0.45);
border-radius: 6px;
}
body {
min-width: 100vw;
min-height: 100vh;
@@ -115,14 +131,6 @@ body {
left: -10px;
}
@media (max-width:767px) {}
@media (max-width:1280px) {
.settings {
margin: 0;
}
}
.task_manager {
padding: 16px;
display: flex;
@@ -266,3 +274,22 @@ div.new_task>div.container>div.bottom {
line-height: 40px;
min-height: 40px;
}
@media (max-width:767px) {
.settings .text-box .text{
flex-direction: column;
align-items: start;
}
.settings .text-box .mdc-text-field{
margin: 10px 0;
width: 100%;
}
}
@media (max-width:1280px) {
.settings {
margin: 0;
}
}