cjw/Oxicloud
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix: extend logo link to include OxiCloud wordmark (#97)

Browse Source 
The clickable area now covers both the logo icon and the 'OxiCloud'
text on profile.html and admin.html. The page indicator (· Profile,
· Admin) remains outside the link as expected.
This commit is contained in:
Dionisio
2026-02-13 23:03:40 +01:00
parent 5bf1e4b607
commit 68d169266c
2 changed files with 20 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/admin.html
+10 -7
View File
@@ -29,8 +29,8 @@ body{background:#f5f7fa;color:#1e293b;min-height:100vh;display:flex;flex-directi
box-shadow:0 3px 10px rgba(255,94,58,.35);
}
.admin-logo svg{width:20px;height:20px;fill:#fff}
.admin-title{font-size:17px;font-weight:700;color:#fff;letter-spacing:.3px}
.admin-title span{color:rgba(255,255,255,.5);font-weight:400;margin-left:6px}
.admin-title-text{font-size:17px;font-weight:700;color:#fff;letter-spacing:.3px}
.admin-title-separator{font-size:17px;color:rgba(255,255,255,.5);font-weight:400;margin-left:6px}
.admin-header-right a{
color:rgba(255,255,255,.65);text-decoration:none;font-size:13px;font-weight:500;
display:flex;align-items:center;gap:6px;transition:color .2s;
@@ -201,12 +201,15 @@ details[open] summary{margin-bottom:14px;color:#ff5e3a}
<!-- Header -->
<div class="admin-header">
<div class="admin-header-left">
<a href="/" class="admin-logo" style="text-decoration:none">
<svg viewBox="0 0 500 500">
<path d="M345 310c32 0 58-26 58-58s-26-58-58-58c-6.2 0-12 0.9-17.5 2.7C318 166 289 143 255 143c-34.3 0-63.1 22.6-73 53.7C176.9 195.7 171 195 165 195c-32 0-58 26-58 58s26 58 58 58h180z"/>
</svg>
<a href="/" class="admin-logo-link" style="text-decoration:none;color:inherit;display:flex;align-items:center;gap:14px">
<div class="admin-logo">
<svg viewBox="0 0 500 500">
<path d="M345 310c32 0 58-26 58-58s-26-58-58-58c-6.2 0-12 0.9-17.5 2.7C318 166 289 143 255 143c-34.3 0-63.1 22.6-73 53.7C176.9 195.7 171 195 165 195c-32 0-58 26-58 58s26 58 58 58h180z"/>
</svg>
</div>
<span class="admin-title-text">OxiCloud</span>
</a>
<div class="admin-title">OxiCloud <span>· Admin</span></div>
<span class="admin-title-separator">· Admin</span>
</div>
<div class="admin-header-right">
<a href="/"><i class="fas fa-arrow-left"></i> Back to OxiCloud</a>
static/profile.html
+10 -7
View File
@@ -28,8 +28,8 @@ body{background:#f5f7fa;color:#1e293b;min-height:100vh;display:flex;flex-directi
box-shadow:0 3px 10px rgba(255,94,58,.35);
}
.profile-logo svg{width:20px;height:20px;fill:#fff}
.profile-title{font-size:17px;font-weight:700;color:#fff;letter-spacing:.3px}
.profile-title span{color:rgba(255,255,255,.5);font-weight:400;margin-left:6px}
.profile-title-text{font-size:17px;font-weight:700;color:#fff;letter-spacing:.3px}
.profile-title-separator{font-size:17px;color:rgba(255,255,255,.5);font-weight:400;margin-left:6px}
.profile-header-right a{
color:rgba(255,255,255,.65);text-decoration:none;font-size:13px;font-weight:500;
display:flex;align-items:center;gap:6px;transition:color .2s;
@@ -125,12 +125,15 @@ body{background:#f5f7fa;color:#1e293b;min-height:100vh;display:flex;flex-directi
<!-- Header -->
<div class="profile-header">
<div class="profile-header-left">
<a href="/" class="profile-logo" style="text-decoration:none">
<svg viewBox="0 0 500 500">
<path d="M345 310c32 0 58-26 58-58s-26-58-58-58c-6.2 0-12 0.9-17.5 2.7C318 166 289 143 255 143c-34.3 0-63.1 22.6-73 53.7C176.9 195.7 171 195 165 195c-32 0-58 26-58 58s26 58 58 58h180z"/>
</svg>
<a href="/" class="profile-logo-link" style="text-decoration:none;color:inherit;display:flex;align-items:center;gap:14px">
<div class="profile-logo">
<svg viewBox="0 0 500 500">
<path d="M345 310c32 0 58-26 58-58s-26-58-58-58c-6.2 0-12 0.9-17.5 2.7C318 166 289 143 255 143c-34.3 0-63.1 22.6-73 53.7C176.9 195.7 171 195 165 195c-32 0-58 26-58 58s26 58 58 58h180z"/>
</svg>
</div>
<span class="profile-title-text">OxiCloud</span>
</a>
<div class="profile-title">OxiCloud <span>· Profile</span></div>
<span class="profile-title-separator">· Profile</span>
</div>
<div class="profile-header-right">
<a href="/"><i class="fas fa-arrow-left"></i> Back to OxiCloud</a>