yousifpa/portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

bigger planets for theme toggler

Browse Source
This commit is contained in:
yousifpa98
2024-12-22 00:27:15 +01:00
parent 53c1b3c98a
commit 38aeb57a9d
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/css/Switch.css
View File

@@ -10,7 +10,7 @@
.toggleIcon { .toggleIcon {
position: absolute; position: absolute;
width: 2rem; width: 2.5rem;
height: auto; height: auto;
} }
@@ -42,7 +42,7 @@
/* Top corner */ /* Top corner */
.moon1 { .moon1 {
top: 10px; top: 25px;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
} }
@@ -50,14 +50,14 @@
/* Right corner */ /* Right corner */
.sun2 { .sun2 {
top: 50%; top: 50%;
right: 10px; right: 25px;
transform: translateY(-50%); transform: translateY(-50%);
fill: aqua; fill: aqua;
} }
/* Bottom corner */ /* Bottom corner */
.moon2 { .moon2 {
bottom: 10px; bottom: 25px;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
} }
@@ -65,6 +65,6 @@
/* Left corner */ /* Left corner */
.sun1 { .sun1 {
top: 50%; top: 50%;
left: 10px; left: 25px;
transform: translateY(-50%); transform: translateY(-50%);
} }