More adjustments

pull/1156/head
Lim Chee Aun 2025-05-17 14:56:06 +08:00
rodzic f82bfa9dbb
commit 2c43c21449
2 zmienionych plików z 7 dodań i 8 usunięć

Wyświetl plik

@ -58,8 +58,7 @@
overflow-anchor: auto;
position: relative;
container: preview / inline-size;
@container preview (inline-size > 400px) {
@media (width > calc(400px + 320px)) {
&.narrow {
> [class^='status-'],
> .status,

Wyświetl plik

@ -1361,10 +1361,10 @@ export default function Sandbox() {
<input
type="radio"
name="displayStyle"
checked={toggleState.displayStyle === 'narrow'}
onChange={() => updateToggles({ displayStyle: 'narrow' })}
checked={toggleState.displayStyle === 'adaptive'}
onChange={() => updateToggles({ displayStyle: 'adaptive' })}
/>
<span>Narrow</span>
<span>Adaptive</span>
</label>
</li>
<li>
@ -1372,10 +1372,10 @@ export default function Sandbox() {
<input
type="radio"
name="displayStyle"
checked={toggleState.displayStyle === 'adaptive'}
onChange={() => updateToggles({ displayStyle: 'adaptive' })}
checked={toggleState.displayStyle === 'narrow'}
onChange={() => updateToggles({ displayStyle: 'narrow' })}
/>
<span>Adaptive</span>
<span>Narrow</span>
</label>
</li>
</ul>