Retropex/custom-ocean.xyz-dashboard
1
0
Fork 0
mirror of https://github.com/Retropex/custom-ocean.xyz-dashboard.git synced 2025-05-12 19:20:45 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

Update theme toggle styles for better usability

Browse Source 
Adjusted button border-radius for mobile view and added
a space in the content string for improved visual design.
This commit is contained in:
DJObleezy 2025-04-22 22:28:27 -07:00
parent af3ea9607e
commit 65d4deba5e
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
static/css/theme-toggle.css
View File

@ -32,7 +32,7 @@
/* Add theme icon for desktop view */ /* Add theme icon for desktop view */
#themeToggle:before, #themeToggle:before,
.theme-toggle-btn:before { .theme-toggle-btn:before {
content: "₿|🌊"; content: " ₿|🌊";
margin-right: 5px; margin-right: 5px;
font-size: 14px; font-size: 14px;
} }
@ -51,7 +51,7 @@
.theme-toggle-btn { .theme-toggle-btn {
padding: 6px; padding: 6px;
font-size: 12px; font-size: 12px;
border-radius: 50%; border-radius: 3px;
width: 35px; width: 35px;
height: 35px; height: 35px;
} }
@ -59,7 +59,7 @@
/* Use just icon for mobile to save space */ /* Use just icon for mobile to save space */
#themeToggle:before, #themeToggle:before,
.theme-toggle-btn:before { .theme-toggle-btn:before {
content: "₿|🌊"; content: " ₿|🌊";
margin-right: 0; margin-right: 0;
font-size: 14px; font-size: 14px;
} }