Refactor sidebar header styles, center icon titles

2026-06-30 14:51:01 +02:00
parent bb5b69711c
commit 78996b6c61
5 changed files with 80 additions and 27 deletions
--- a/app/components/app-menu/about.gjs
+++ b/app/components/app-menu/about.gjs
@@ -3,11 +3,11 @@ import Icon from '#components/icon';

 <template>
  {{! template-lint-disable no-nested-interactive }}
-  <div class="sidebar-header">
+  <div class="sidebar-header has-back-btn">
    <button type="button" class="back-btn" {{on "click" @onBack}}>
      <Icon @name="arrow-left" @size={{20}} @color="#333" />
    </button>
-    <h2>About</h2>
+    <h2 class="sidebar-header-text-centered">About</h2>
    <button type="button" class="close-btn" {{on "click" @onClose}}>
      <Icon @name="x" @size={{20}} @color="#333" />
    </button>