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