Skip to content

Commit 724f680

Browse files
feat(admin): add toggle switch CSS for test publish settings
1 parent 59667d1 commit 724f680

1 file changed

Lines changed: 38 additions & 0 deletions

File tree

admin/src/styles.css

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2022,3 +2022,41 @@ body {
20222022
padding: 16px;
20232023
}
20242024
}
2025+
2026+
/* Test mode toggle switch */
2027+
.test-mode-toggle {
2028+
margin-bottom: 1rem;
2029+
}
2030+
.toggle-label {
2031+
display: flex;
2032+
align-items: center;
2033+
gap: 0.75rem;
2034+
cursor: pointer;
2035+
}
2036+
.toggle-switch {
2037+
position: relative;
2038+
width: 44px;
2039+
height: 24px;
2040+
background: #374151;
2041+
border-radius: 12px;
2042+
transition: background 0.2s;
2043+
display: inline-block;
2044+
}
2045+
.toggle-switch.on { background: #22c55e; }
2046+
.toggle-switch.off { background: #6b7280; }
2047+
.toggle-knob {
2048+
position: absolute;
2049+
top: 2px;
2050+
left: 2px;
2051+
width: 20px;
2052+
height: 20px;
2053+
background: white;
2054+
border-radius: 50%;
2055+
transition: transform 0.2s;
2056+
}
2057+
.toggle-switch.on .toggle-knob { transform: translateX(20px); }
2058+
.toggle-hint {
2059+
margin-top: 0.25rem;
2060+
font-size: 0.75rem;
2061+
color: #9ca3af;
2062+
}

0 commit comments

Comments
 (0)