refactor: simplify header component

- Remove title and control buttons for cleaner interface
- Maintain status indicator functionality
- Improve visual hierarchy and spacing
This commit is contained in:
2025-11-28 20:30:33 +03:00
parent 44a2051536
commit 298b315afa

View File

@@ -1,11 +1,9 @@
<!-- components/Header.svelte -->
<script>
export let isOnline = true;
export let title = "QRminator";
</script>
<header class="headerbar">
<h1 class="header-title">{title}</h1>
<div class="header-status">
{#if isOnline}
<span>Online</span>
@@ -13,11 +11,6 @@ export let title = "QRminator";
<span class="text-dim">Offline</span>
{/if}
</div>
<div class="header-controls">
<button class="control-button toggle">
<div class="toggle-indicator"></div>
</button>
</div>
</header>
<style>
@@ -31,9 +24,10 @@ export let title = "QRminator";
}
.header-title {
font-size: 1rem;
font-size: 16px;
font-weight: bold;
color: var(--text-primary);
line-height: 0;
}
.header-status {