From fd4890d52610c087cd7d845f4c78fce3f3a35df4 Mon Sep 17 00:00:00 2001
From: Claude Agent <claude-agent@romfast.ro>
Date: Fri, 26 Jun 2026 21:32:07 +0000
Subject: [PATCH] =?UTF-8?q?branding:=20mut=C4=83=20sigla=20Romfast=20?=
 =?UTF-8?q?=C3=AEn=20subsolul=20meniului=20lateral?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Revert antet/subsol Romfast din corpul aplicației (App.vue, adăugate
azi). Sigla Romfast apare acum doar în subsolul meniului expandabil,
aliniată la stânga, cu link către romfast.ro. Se afișează doar când
meniul e expandat; verificat pe desktop, tabletă și mobil.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 frontend/src/App.vue                   | 51 --------------------------
 frontend/src/components/AppSidebar.vue | 31 ++++++++++++++++
 2 files changed, 31 insertions(+), 51 deletions(-)

diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 35ba5d2..bb93e46 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -3,19 +3,6 @@
     <AppSidebar v-if="showSidebar" />
 
     <div class="app-main" :class="{ 'with-sidebar': showSidebar, 'sidebar-collapsed': collapsed }">
-      <!-- Romfast brand header -->
-      <div class="rf-wrap rf-wrap-top">
-        <header class="rf-header">
-          <a class="rf-header-brand" href="https://romfast.ro" target="_blank" rel="noopener" title="romfast.ro — toate aplicațiile">
-            <img class="rf-header-logo" src="/romfast_logo.png" alt="Romfast">
-          </a>
-          <div class="rf-header-titles">
-            <h1 class="rf-header-title">Space Booking</h1>
-            <div class="rf-header-sub">Romfast SRL</div>
-          </div>
-        </header>
-      </div>
-
       <!-- Mobile header bar -->
       <div v-if="showSidebar" class="mobile-header">
         <button class="mobile-hamburger" @click="toggleMobile" aria-label="Open menu">
@@ -65,17 +52,6 @@
       <main class="content">
         <router-view />
       </main>
-
-      <!-- Romfast brand footer -->
-      <div class="rf-wrap rf-wrap-bottom">
-        <footer class="rf-footer">
-          <a class="rf-footer-link" href="https://romfast.ro" target="_blank" rel="noopener" title="romfast.ro">
-            <img class="rf-footer-logo" src="/romfast_logo.png" alt="Romfast">
-          </a>
-          <span>© Romfast SRL</span>
-          <a href="https://romfast.ro/menu/aplicatii-online.html" target="_blank" rel="noopener">Aplicații online</a>
-        </footer>
-      </div>
     </div>
   </div>
 </template>
@@ -190,33 +166,6 @@ onUnmounted(() => {
 </script>
 
 <style scoped>
-/* ===== Romfast branding kit (header + footer) — comun tuturor aplicațiilor ===== */
-.rf-wrap { max-width: 1200px; margin: 0 auto; padding: 0 1.5rem; box-sizing: border-box; }
-.rf-wrap-top { margin-top: 1.25rem; }
-.rf-wrap-bottom { margin-top: 2rem; margin-bottom: 1.25rem; }
-.rf-header {
-  display: flex; flex-direction: row; align-items: center; gap: 14px;
-  padding: 14px 4px;
-  border-bottom: 1px solid var(--color-border, #e5e7eb);
-}
-.rf-header-brand { display: inline-flex; align-items: center; flex-shrink: 0; }
-.rf-header-logo { width: 99px; height: 60px; display: block; }
-.rf-header-titles { min-width: 0; text-align: left; }
-.rf-header-title { margin: 0; padding: 0; font-size: 20px; font-weight: 700; line-height: 1.2; color: var(--color-text-primary, #1f2937); letter-spacing: -0.01em; }
-.rf-header-sub { margin-top: 2px; font-size: 11px; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; color: var(--color-text-secondary, #9ca3af); }
-.rf-footer {
-  display: flex; flex-direction: row; flex-wrap: wrap;
-  align-items: center; justify-content: center; gap: 8px 18px;
-  padding: 16px 4px;
-  border-top: 1px solid var(--color-border, #e5e7eb);
-  font-size: 13px; color: var(--color-text-secondary, #6b7280); text-align: center;
-}
-.rf-footer-link { display: inline-flex; align-items: center; }
-.rf-footer-logo { width: 58px; height: 35px; display: block; opacity: 0.9; transition: opacity 0.2s ease; }
-.rf-footer-link:hover .rf-footer-logo { opacity: 1; }
-.rf-footer a { color: var(--color-text-secondary, #6b7280); text-decoration: none; }
-.rf-footer a:hover { color: var(--color-text-primary, #111827); text-decoration: underline; }
-
 /* Layout */
 .app-main {
   min-height: 100vh;
diff --git a/frontend/src/components/AppSidebar.vue b/frontend/src/components/AppSidebar.vue
index b830d8d..32b7be4 100644
--- a/frontend/src/components/AppSidebar.vue
+++ b/frontend/src/components/AppSidebar.vue
@@ -77,6 +77,17 @@
           <LogOut :size="18" />
         </button>
       </div>
+
+      <a
+        v-show="showLabels"
+        class="sidebar-brand"
+        href="https://romfast.ro"
+        target="_blank"
+        rel="noopener"
+        title="romfast.ro"
+      >
+        <img class="sidebar-brand-logo" src="/romfast_logo.png" alt="Romfast" />
+      </a>
     </div>
   </aside>
 
@@ -218,6 +229,26 @@ const handleLogout = () => {
   overflow: hidden;
 }
 
+/* Romfast brand */
+.sidebar-brand {
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  padding: 0.85rem 0.25rem 0.25rem;
+}
+
+.sidebar-brand-logo {
+  height: 32px;
+  width: auto;
+  display: block;
+  opacity: 0.9;
+  transition: opacity var(--transition-fast);
+}
+
+.sidebar-brand:hover .sidebar-brand-logo {
+  opacity: 1;
+}
+
 /* Navigation */
 .sidebar-nav {
   flex: 1;