Hanzo_Dev/SIB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Revert logo image to SIB text as requested by client

Browse Source
This commit is contained in:
Johan Samudio
2026-03-09 13:45:18 -05:00
parent 19f12d1272
commit 33b344d6bd
5 changed files with 34 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
frontend/src/components/AppHeader.vue
View File

@ -87,9 +87,7 @@
</Transition>
</div>
<div class="header-title-container" @click="goToHome">
<img src="/titulosib.png" alt="SIB Logo" class="header-logo-img" />
</div>
<h1 class="header-title" @click="goToHome">{{ t('header.title') }}</h1>
<div class="header-actions">
<!-- Side Menu handles all actions for a cleaner UI -->
@ -207,28 +205,27 @@ const handleLogout = () => {
}
}
.header-title-container {
display: flex;
align-items: center;
justify-content: center;
.header-title {
font-size: 24px;
font-weight: 800;
letter-spacing: -0.04em;
color: var(--text-primary);
margin: 0;
text-align: center;
grid-column: 2;
cursor: pointer;
height: 40px;
transition: all 0.3s ease;
text-transform: uppercase;
}
.header-logo-img {
height: 100%;
max-width: 140px;
object-fit: contain;
:global(.dark) .header-title {
color: var(--active-color);
text-shadow: 0 0 15px rgba(254, 231, 21, 0.3);
}
:global(.dark) .header-logo-img {
filter: drop-shadow(0 0 10px rgba(254, 231, 21, 0.2));
}
.header-title-container:hover {
transform: scale(1.05);
.header-title:hover {
transform: scale(1.02);
letter-spacing: 0.05em;
}

15
frontend/src/views/AdminPanel.vue
View File

@ -3,8 +3,7 @@
<div class="header-section">
<div class="badge">SISTEMA CENTRAL</div>
<h1>Panel de Control</h1>
<img src="/titulosib.png" alt="SIB Logo" class="admin-brand-header" />
<p class="subtitle">Ecosistema Administrativo Central</p>
<p class="subtitle">Ecosistema Administrativo SIB</p>
</div>
<div class="dashboard-sections">
@ -147,20 +146,12 @@ h1 {
margin: 0;
}
.admin-brand-header {
height: 50px;
max-width: 200px;
margin: 0 auto 10px;
object-fit: contain;
}
.subtitle {
color: var(--text-secondary);
font-size: 0.9rem;
font-size: 1rem;
font-weight: 500;
margin-top: 2px;
margin-top: 6px;
letter-spacing: 0.05em;
text-transform: uppercase;
}
.dashboard-sections {

16
frontend/src/views/AuthView.vue
View File

@ -46,7 +46,7 @@ const toggleAuth = () => {
<!-- Branding Side (Desktop only) -->
<div class="branding-section">
<img src="/titulosib.png" alt="SIB Logo" class="brand-title-img" />
<h1 class="brand-title">SIB</h1>
<p class="brand-tagline">{{ t('auth.brandingSubtitle') }}</p>
<div class="brand-features">
<div class="feature-item">
@ -69,7 +69,7 @@ const toggleAuth = () => {
<div class="glass-card auth-card">
<!-- Mobile Logo -->
<div class="mobile-header">
<img src="/titulosib.png" alt="SIB Logo" class="mobile-logo" />
<h2 class="text-3xl font-black text-primary uppercase italic mb-2 tracking-tighter">SIB</h2>
</div>
<!-- Tab Selector -->
@ -192,9 +192,15 @@ const toggleAuth = () => {
filter: drop-shadow(0 0 20px rgba(254, 231, 21, 0.4));
}
.brand-title-img {
width: 280px;
filter: drop-shadow(0 0 15px rgba(254, 231, 21, 0.3));
.brand-title {
font-size: 5rem;
font-weight: 800;
margin: 0;
letter-spacing: -0.04em;
background: linear-gradient(to right, #fff, var(--active-color));
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.brand-tagline {

2
frontend/src/views/RoutesView.vue
View File

@ -85,7 +85,7 @@ const correlimientos = computed(() => {
<button @click="router.back()" class="size-10 flex items-center justify-center rounded-full bg-slate-100 dark:bg-card-dark text-slate-600 dark:text-gray-300 active:scale-95 transition-transform">
<span class="material-icons text-[20px]">arrow_back</span>
</button>
<img src="/titulosib.png" alt="SIB Logo" class="h-6 object-contain" />
<h1 class="text-xl font-extrabold tracking-tight text-primary uppercase italic">SIB</h1>
<div class="size-10"></div>
</div>

30
frontend/src/views/StrategicAnalytics.vue
View File

@ -8,11 +8,8 @@
</button>
<div class="badge">INTELIGENCIA ESTRATÉGICA</div>
</div>
<div class="analytics-header-branding">
<img src="/titulosib.png" alt="SIB Logo" class="analytics-logo" />
<h1>Centro de Operaciones</h1>
</div>
<p class="subtitle">Análisis estratégico y rendimiento de red</p>
<p class="subtitle">Análisis segmentado de rendimiento SIB</p>
</div>
<!-- TACTICAL TAB SELECTOR -->
@ -634,29 +631,8 @@ onMounted(async () => {
transform: translateY(-2px);
box-shadow: 0 4px 15px rgba(254, 231, 21, 0.3);
}
.analytics-header-branding {
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
margin-bottom: 2px;
}
.analytics-logo {
height: 44px;
object-fit: contain;
}
h1 { font-size: 2.2rem; font-weight: 900; margin: 0; letter-spacing: -0.04em; }
.subtitle {
color: var(--text-secondary);
margin-top: 4px;
text-transform: uppercase;
font-size: 0.85rem;
letter-spacing: 0.1em;
font-weight: 600;
}
h1 { font-size: 2.2rem; font-weight: 900; margin: 0; }
.subtitle { color: var(--text-secondary); margin-top: 6px; }
/* TABS */
.tabs-control { display: flex; gap: 12px; margin-bottom: 40px; padding-bottom: 20px; border-bottom: 1px solid var(--border-color); }