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:
@@ -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 {
|
||||||
|
|||||||
Reference in New Issue
Block a user