kopia lustrzana https://github.com/cheeaun/phanpy
More adjustments
rodzic
f82bfa9dbb
commit
2c43c21449
|
@ -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,
|
||||
|
|
|
@ -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>
|
||||
|
|
Ładowanie…
Reference in New Issue