steve
/
awesome-chatgpt-prompts
mirror of https://github.com/f/awesome-chatgpt-prompts
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

improve ui

This commit is contained in:
f 2025-02-05 03:01:58 +03:00
parent ffcfd9c074
commit 3a1d66c8ca
1 changed files with 26 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
_layouts/default.html
View File

@ -1125,6 +1125,10 @@
transition: .4s; transition: .4s;
} }
.dark-mode .slider {
background-color: #555;
}
.slider:before { .slider:before {
position: absolute; position: absolute;
content: ""; content: "";
@ -1136,14 +1140,26 @@
transition: .4s; transition: .4s;
} }
.dark-mode .slider:before {
background-color: #e1e1e1;
}
input:checked + .slider { input:checked + .slider {
background-color: var(--accent-color); background-color: var(--accent-color);
} }
.dark-mode input:checked + .slider {
background-color: var(--accent-color);
}
input:focus + .slider { input:focus + .slider {
box-shadow: 0 0 1px var(--accent-color); box-shadow: 0 0 1px var(--accent-color);
} }
.dark-mode input:focus + .slider {
box-shadow: 0 0 1px var(--accent-color);
}
input:checked + .slider:before { input:checked + .slider:before {
transform: translateX(20px); transform: translateX(20px);
} }
@ -1156,6 +1172,16 @@
border-radius: 50%; border-radius: 50%;
} }
.dev-mode-label {
color: var(--text-color-light);
margin-left: 8px;
font-size: 0.9rem;
}
.dark-mode .dev-mode-label {
color: var(--text-color-dark);
}
@media (max-width: 768px) { @media (max-width: 768px) {
.dev-mode-label { .dev-mode-label {
display: none; display: none;