From 58185ce36ea0ef41209404d75d3d524358805b54 Mon Sep 17 00:00:00 2001
From: Marco Mancino <mancinomarko@hotmail.it>
Date: Fri, 26 Jun 2026 10:02:11 +0200
Subject: [PATCH] refactor(frontend): clean up sidebar header (#33)

Remove the "Edge Mining" text label and the commented-out username
placeholder from the sidebar header so only the logo remains, then
left-align the logo with the menu items below and refine the green
glow so it originates from the logo area.

Closes #33
---
 CHANGELOG.md                            | 12 ++++++++++++
 frontend/src/components/SidebarMenu.vue | 23 ++++++++---------------
 2 files changed, 20 insertions(+), 15 deletions(-)
 create mode 100644 CHANGELOG.md

diff --git a/CHANGELOG.md b/CHANGELOG.md
new file mode 100644
index 0000000..4c1d2af
--- /dev/null
+++ b/CHANGELOG.md
@@ -0,0 +1,12 @@
+# Changelog
+
+All notable changes to this project will be documented in this file.
+
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
+and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+## [Unreleased]
+
+### Changed
+
+- Cleaned up sidebar header: removed the "Edge Mining" text label and the username placeholder, left-aligned the logo with the sidebar menu items, and refined the green glow to originate from the logo area (#33).
diff --git a/frontend/src/components/SidebarMenu.vue b/frontend/src/components/SidebarMenu.vue
index 3f8b15c..bab1aaa 100644
--- a/frontend/src/components/SidebarMenu.vue
+++ b/frontend/src/components/SidebarMenu.vue
@@ -55,15 +55,8 @@ const isHomeLoadsActive = computed(() =>
 
     <div class="navbar p-4 h-full relative z-10">
       <div class="flex-none h-full">
-        <div class="flex flex-row items-center py-4 mb-2">
-          <VectorIcon name="logo" class="inline-block size-9" />
-          <div class="flex flex-col ml-3">
-            <span
-              class="text-[10px] uppercase tracking-wider text-base-300 font-medium"
-              >Edge Mining</span
-            >
-            <!-- <span class="text-sm font-medium">Satoshi Nakamoto</span> -->
-          </div>
+        <div class="flex items-center py-4 mb-2 pl-3">
+          <VectorIcon name="logo" class="size-9" />
         </div>
 
         <ul class="menu px-0 w-full gap-0.5">
@@ -305,13 +298,13 @@ const isHomeLoadsActive = computed(() =>
   top: 0;
   left: 0;
   width: 100%;
-  height: 12rem;
+  height: 14rem;
   background: radial-gradient(
-    ellipse 120% 100% at 50% -30%,
-    oklch(75% 0.25 130 / 0.3) 0%,
-    oklch(75% 0.2 130 / 0.15) 30%,
-    oklch(75% 0.15 130 / 0.05) 50%,
-    transparent 80%
+    ellipse 90% 70% at 18% 12%,
+    oklch(75% 0.25 130 / 0.28) 0%,
+    oklch(75% 0.2 130 / 0.14) 30%,
+    oklch(75% 0.15 130 / 0.05) 55%,
+    transparent 85%
   );
   pointer-events: none;
   z-index: 0;