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