Use fieldset for styling form elements

This commit is contained in:
2025-01-27 22:54:47 +01:00
parent 6d7fb71830
commit 4d1680b7f5
11 changed files with 233 additions and 185 deletions

View File

@@ -408,7 +408,6 @@ onMount(() => {
padding: 0;
background: var(--shaded_background);
backdrop-filter: blur(4px);
z-index: 1;
}
.toolbar {
display: flex;

View File

@@ -16,7 +16,7 @@ export let hide_branding = false
<tr>
<td></td>
<td>Name</td>
<td>Size</td>
<td class="hide_small">Size</td>
<td></td>
</tr>
{#each $nav.children as child, index (child.path)}
@@ -34,7 +34,7 @@ export let hide_branding = false
<td class="node_name">
{child.name}
</td>
<td class="node_size">
<td class="node_size hide_small">
{#if child.type === "file"}
{formatDataVolume(child.file_size, 3)}
{/if}
@@ -73,7 +73,6 @@ export let hide_branding = false
display: table;
margin: 8px auto 16px auto;
background: var(--shaded_background);
backdrop-filter: blur(4px);
border-collapse: collapse;
border-radius: 8px;
@@ -139,4 +138,9 @@ td {
width: 64px;
}
}
@media (max-width: 500px) {
.hide_small {
display: none;
}
}
</style>