Added Focused mode as default. Also finally adding the icons correctly.
This commit is contained in:
@@ -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));
|
||||
|
||||
Reference in New Issue
Block a user