refactor: update status panel styling
- Remove background and border for cleaner appearance - Maintain grid layout and information hierarchy - Improve integration with overall design system
This commit is contained in:
@@ -26,9 +26,6 @@ export let qrCodesFound = 0;
|
|||||||
|
|
||||||
<style>
|
<style>
|
||||||
.status-panel {
|
.status-panel {
|
||||||
background-color: var(--bg-primary);
|
|
||||||
border: 1px solid var(--border-color);
|
|
||||||
border-radius: var(--border-radius-sm);
|
|
||||||
padding: var(--spacing-lg);
|
padding: var(--spacing-lg);
|
||||||
width: 80%;
|
width: 80%;
|
||||||
}
|
}
|
||||||
@@ -37,7 +34,6 @@ export let qrCodesFound = 0;
|
|||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 1fr 1fr;
|
grid-template-columns: 1fr 1fr;
|
||||||
padding: var(--spacing-sm) 0;
|
padding: var(--spacing-sm) 0;
|
||||||
border-bottom: 1px solid var(--border-color);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.status-row:last-child {
|
.status-row:last-child {
|
||||||
|
|||||||
Reference in New Issue
Block a user