Added more things

2026-03-20 00:07:23 +01:00
parent b1c5535420
commit 2def9a207c
9 changed files with 425 additions and 27 deletions
--- a/frontend/app/components/parts/PageHeader.vue
+++ b/frontend/app/components/parts/PageHeader.vue
@@ -1,21 +1,40 @@
 <script setup lang="ts">
 import HeaderLinks from './HeaderLinks.vue';
-
+import SiteOptions from './site_options/SiteOptions.vue';
 </script>

 <template>
    <div class="header">
-        <Container>
-            <h1>ARANROIG.COM</h1>
+        <div class="container">
+        </div>
+        <div class="header-container">
            <HeaderLinks></HeaderLinks>
-        </Container>
+        </div>
+        <div class="container">
+            <SiteOptions></SiteOptions>
+        </div>
    </div>
 </template>

 <style lang="scss" scoped>
 .header {
    position: relative;
-    margin-top: 50px;
+    margin-top: 30px;
    user-select: none;
+    display: flex;
+    justify-content: space-between;
+}
+
+.header-container {
+    position: relative;
+    margin-left: 15px;
+    margin-right: 15px;
+    background: var(--color-background-fore);
+    padding: 8px 12px;
+    font-size: 1em;
+    color: white;
+    border: 1px solid var(--color-border-color);
+    border-radius: 8px;
+    box-shadow: 8px -8px 0px 0px var(--color-container-shadow);
 }
 </style>