Ku6epXBOCTuK/easy-png-tools2
1
0
Fork 0
mirror of https://github.com/Ku6epXBOCTuK/easy-png-tools.git synced 2026-09-14 21:46:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: fix demo page to correspond refs

Browse Source
This commit is contained in:
Ku6epXBOCTuK
2026-08-29 07:23:31 +05:00
parent 9ff732f2cf
commit d29ec73322
23 changed files with 1296 additions and 606 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/lib/components/kit/FieldGrid.svelte
+9 -8
View File
@@ -9,22 +9,23 @@
let { compact = false, children }: Props = $props();
</script>
<div class="field-grid" class:compact>
<div class="controls" class:compact>
{@render children()}
</div>
<style>
.field-grid {
display: grid;
grid-template-columns: 1.1fr 1fr 1.2fr;
gap: 16px;
.controls {
display: flex;
flex-direction: column;
gap: 14px;
}
.field-grid.compact {
.controls.compact {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 14px;
}
@media (max-width: 800px) {
.field-grid,
.field-grid.compact {
.controls.compact {
grid-template-columns: 1fr;
}
}