Added Focused mode as default. Also finally adding the icons correctly.

This commit is contained in:
Nathan Schneider
2025-11-29 20:19:08 -05:00
parent bcc6727917
commit 0e437d2b88
7 changed files with 529 additions and 64 deletions

View File

@@ -3,6 +3,7 @@
import type { BicorderState } from '../types';
export let data: BicorderState;
export let focusedMode: boolean = false;
const dispatch = createEventDispatcher<{
reset: void;
@@ -121,7 +122,7 @@
}
</script>
<section class="export-controls">
<section class="export-controls" class:focused={focusedMode}>
<div class="button-group">
<button on:click={exportToJSON}>
💾 Export JSON
@@ -170,6 +171,10 @@
border-top: 2px solid var(--border-color);
}
.export-controls.focused {
border-top: none;
}
.button-group {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));