Simplify playground action separator
This commit is contained in:
@@ -15,6 +15,7 @@ import ManualLayout from '../layouts/ManualLayout.astro';
|
|||||||
</label>
|
</label>
|
||||||
<button id="load-example" type="button">Load</button>
|
<button id="load-example" type="button">Load</button>
|
||||||
</div>
|
</div>
|
||||||
|
<span class="action-separator" aria-hidden="true">|</span>
|
||||||
<div class="action-group run-actions">
|
<div class="action-group run-actions">
|
||||||
<button id="format" disabled>Format</button>
|
<button id="format" disabled>Format</button>
|
||||||
<label class="entry-picker">
|
<label class="entry-picker">
|
||||||
|
|||||||
@@ -299,16 +299,13 @@ main.playground {
|
|||||||
|
|
||||||
.action-group {
|
.action-group {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
background: rgba(15, 23, 42, 0.55);
|
|
||||||
border: 1px solid var(--border);
|
|
||||||
border-radius: 12px;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
gap: 8px;
|
gap: 8px;
|
||||||
padding: 6px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.run-actions {
|
.action-separator {
|
||||||
border-color: rgba(96, 165, 250, 0.35);
|
color: var(--border);
|
||||||
|
font-weight: 700;
|
||||||
}
|
}
|
||||||
|
|
||||||
.example-picker,
|
.example-picker,
|
||||||
|
|||||||
Reference in New Issue
Block a user