File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff 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+ }
You can’t perform that action at this time.
0 commit comments