Skip to content

Commit c7d6960

Browse files
committed
feat: add footer icon and update menu footer layout
1 parent ca69213 commit c7d6960

3 files changed

Lines changed: 11 additions & 2 deletions

File tree

src/AppMenu.svelte

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@
33
import Shuffle from "carbon-icons-svelte/lib/Shuffle.svelte";
44
import FireFill from "carbon-icons-svelte/lib/FireFill.svelte";
55
import Search from "carbon-icons-svelte/lib/Search.svelte";
6+
import footerFern from "./assets/fern.png";
67
import sidebarLogo from "./assets/octopus.png";
78
import { scenarioDifficultyClass, type LabGroup, type MenuGroupId } from "./labCatalog";
89
@@ -286,7 +287,7 @@
286287

287288
<footer class="menu-footer">
288289
<a class="menu-repo-link" href="https://github.com/krovs/devopslabs" target="_blank" rel="noreferrer">
289-
<span>🌵 krovs@2026</span>
290+
<img class="menu-footer-icon" src={footerFern} alt="" />krovs@2026
290291
</a>
291292
</footer>
292293
</aside>

src/assets/fern.png

1008 Bytes
Loading

styles.css

Lines changed: 9 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -222,7 +222,7 @@ select {
222222
.menu-footer {
223223
display: flex;
224224
align-items: center;
225-
justify-content: space-between;
225+
justify-content: center;
226226
gap: 12px;
227227
margin-top: auto;
228228
padding-top: 12px;
@@ -232,13 +232,21 @@ select {
232232
.menu-repo-link {
233233
display: flex;
234234
align-items: center;
235+
gap: 6px;
235236
min-width: 0;
236237
color: var(--muted);
237238
font-size: 12px;
238239
font-weight: 700;
239240
text-decoration: none;
240241
}
241242

243+
.menu-footer-icon {
244+
width: 28px;
245+
height: 28px;
246+
object-fit: contain;
247+
image-rendering: pixelated;
248+
}
249+
242250
.menu-repo-link:hover {
243251
color: var(--accent);
244252
}

0 commit comments

Comments
 (0)