Skip to content

Commit e49a8fc

Browse files
committed
Adjusting CSS For the Toggle Button
Signed-off-by: Someshdiwan <[email protected]>
1 parent b7ded1c commit e49a8fc

File tree

1 file changed

+19
-1
lines changed

1 file changed

+19
-1
lines changed

site/assets/style.css

Lines changed: 19 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -61,7 +61,7 @@ body {
6161
margin-left: 0;
6262
}
6363

64-
/* Toggle Button */
64+
/* Toggle Button *//*
6565
.toggle-btn {
6666
position: fixed;
6767
top: 1rem;
@@ -72,6 +72,24 @@ body {
7272
padding: 0.5rem 1rem;
7373
border-radius: 5px;
7474
cursor: pointer;
75+
}*/
76+
77+
.toggle-btn {
78+
position: fixed;
79+
top: 1rem;
80+
left: 1rem;
81+
z-index: 1001; /* Ensure it's above other elements */
82+
background-color: var(--button-bg);
83+
color: var(--button-text);
84+
border: none;
85+
padding: 0.5rem 1rem;
86+
border-radius: 5px;
87+
cursor: pointer;
88+
transition: background-color 0.3s ease;
89+
}
90+
91+
.toggle-btn:hover {
92+
background-color: var(--hover-bg);
7593
}
7694

7795
/* Dark Mode Toggle Button */

0 commit comments

Comments
 (0)