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

Only enable custom scrollBar to Windows Chrome

Browse Source
This commit is contained in:
lifegpc
2023-06-27 11:20:33 +08:00
parent 83af26d3fa
commit 91d6b44c41
6 changed files with 25 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
islands/Container.tsx
View File

@@ -40,7 +40,6 @@ export default class Container extends Component<ContainerProps> {
const [display, set_display] = useState(false);
const [state, set_state1] = useState("#/");
const [darkmode, set_darkmode1] = useState(DarkMode.Auto);
const [scrollHide, set_ScrollHide] = useState(false);
const set_darkmode: StateUpdater<DarkMode> = (u) => {
const v = typeof u === "function" ? u(darkmode) : u;
set_darkmode1(v);

2
routes/_middleware.ts
View File

@@ -7,7 +7,7 @@ import {
GetFileResponseOptions,
} from "../server/get_file_response.ts";
const STATIC_FILES = ["/common.css", "/sw.js", "/sw.js.map"];
const STATIC_FILES = ["/common.css", "/scrollBar.css", "/sw.js", "/sw.js.map"];
export async function handler(req: Request, ctx: MiddlewareHandlerContext) {
const url = new URL(req.url);

2
routes/index.tsx
View File

@@ -32,7 +32,7 @@ export default function Index({ data }: PageProps<Props>) {
<body>
<Head>
{is_windows_chrome
? <link rel="stylesheet" href="hide-scrollbar.css" />
? <link rel="stylesheet" href="scrollBar.css" />
: null}
</Head>
<GlobalContext>

22
static/common.css
View File

@@ -1,19 +1,3 @@
::-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;
@@ -277,12 +261,12 @@ div.new_task>div.container>div.bottom {
@media (max-width:767px) {
.settings .text-box .text{
.settings .text-box .text {
flex-direction: column;
align-items: start;
}
.settings .text-box .mdc-text-field{
.settings .text-box .mdc-text-field {
margin: 10px 0;
width: 100%;
}
@@ -292,4 +276,4 @@ div.new_task>div.container>div.bottom {
.settings {
margin: 0;
}
}
}

35
static/scrollBar.css
View File

@@ -1,16 +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;
}
::-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;
}

2
static/sw.ts
View File

@@ -29,7 +29,7 @@ self.addEventListener("activate", (event: ActivateEvent) => {
const CACHES = [
"/common.css",
"/hide-scrollbar.css",
"/scrollBar.css",
"/preact-material-components/style.css",
];