Merge v0.4.1-prep — Options page back-link to Tuner UI
This commit is contained in:
+23
-1
@@ -40,7 +40,29 @@ html, body {
|
|||||||
.opt-brand {
|
.opt-brand {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 12px;
|
gap: 10px;
|
||||||
|
text-decoration: none;
|
||||||
|
color: inherit;
|
||||||
|
padding: 4px 8px;
|
||||||
|
margin: -4px -8px;
|
||||||
|
border-radius: var(--radius);
|
||||||
|
}
|
||||||
|
|
||||||
|
.opt-brand:hover {
|
||||||
|
background: var(--bg-row);
|
||||||
|
}
|
||||||
|
|
||||||
|
.opt-brand:hover .opt-back {
|
||||||
|
color: var(--accent);
|
||||||
|
transform: translateX(-2px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.opt-back {
|
||||||
|
font-size: 18px;
|
||||||
|
color: var(--fg-muted);
|
||||||
|
line-height: 1;
|
||||||
|
font-weight: 400;
|
||||||
|
transition: color 120ms ease-out, transform 120ms ease-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
.opt-helmet {
|
.opt-helmet {
|
||||||
|
|||||||
@@ -9,10 +9,11 @@
|
|||||||
<body>
|
<body>
|
||||||
|
|
||||||
<header class="opt-header">
|
<header class="opt-header">
|
||||||
<div class="opt-brand">
|
<a href="../newtab/newtab.html" class="opt-brand" title="Back to RangerHQ Tuner">
|
||||||
|
<span class="opt-back" aria-hidden="true">←</span>
|
||||||
<img src="../assets/img/ranger.png" alt="" class="opt-helmet">
|
<img src="../assets/img/ranger.png" alt="" class="opt-helmet">
|
||||||
<h1>RangerHQ Tuner — Options</h1>
|
<h1>RangerHQ Tuner — Options</h1>
|
||||||
</div>
|
</a>
|
||||||
<span class="opt-version" id="opt-version">v—</span>
|
<span class="opt-version" id="opt-version">v—</span>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user