Scarriffle/Calendarr
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Icon: SVG-Favicon + Emoji in Setup/Login ersetzt, Settings-Tab "Darstellung" umbenannt

Browse Source
This commit is contained in:
Scarriffle
2026-03-27 14:54:26 +01:00
parent 33c1f0ab73
commit e4a14e6927
3 changed files with 9 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/css/app.css
View File

@@ -118,7 +118,7 @@ a { color: var(--primary); text-decoration: none; }
display: flex; align-items: center; gap: 10px; display: flex; align-items: center; gap: 10px;
margin-bottom: 24px; margin-bottom: 24px;
} }
.auth-logo .logo-icon { font-size: 32px; } .auth-logo .logo-icon { display: block; color: var(--primary); }
.auth-logo h1 { font-size: 24px; font-weight: 600; color: var(--text-1); margin: 0; } .auth-logo h1 { font-size: 24px; font-weight: 600; color: var(--text-1); margin: 0; }
.auth-tagline { font-size: 12px; color: var(--text-3); margin: 2px 0 0; } .auth-tagline { font-size: 12px; color: var(--text-3); margin: 2px 0 0; }
.auth-card h2 { font-size: 18px; margin-bottom: 4px; } .auth-card h2 { font-size: 18px; margin-bottom: 4px; }

17
frontend/favicon.svg
View File

@@ -1,13 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="#4285f4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect x="4" y="8" width="40" height="36" rx="4" fill="#4285f4"/> <rect x="3" y="4" width="18" height="18" rx="2"/>
<rect x="4" y="8" width="40" height="10" rx="4" fill="#2b6de0"/> <line x1="16" y1="2" x2="16" y2="6"/>
<rect x="4" y="14" width="40" height="4" fill="#2b6de0"/> <line x1="8" y1="2" x2="8" y2="6"/>
<circle cx="16" cy="12" r="2" fill="#fff"/> <line x1="3" y1="10" x2="21" y2="10"/>
<circle cx="32" cy="12" r="2" fill="#fff"/>
<rect x="10" y="24" width="6" height="5" rx="1" fill="rgba(255,255,255,.85)"/>
<rect x="21" y="24" width="6" height="5" rx="1" fill="rgba(255,255,255,.85)"/>
<rect x="32" y="24" width="6" height="5" rx="1" fill="rgba(255,255,255,.85)"/>
<rect x="10" y="33" width="6" height="5" rx="1" fill="rgba(255,255,255,.85)"/>
<rect x="21" y="33" width="6" height="5" rx="1" fill="rgba(255,255,255,.85)"/>
<rect x="32" y="33" width="6" height="5" rx="1" fill="rgba(255,255,255,.4)"/>
</svg> </svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 839 B

After

Width:  |  Height:  |  Size: 332 B

6
frontend/index.html
View File

@@ -14,7 +14,7 @@
<div id="screen-setup" class="auth-screen hidden"> <div id="screen-setup" class="auth-screen hidden">
<div class="auth-card"> <div class="auth-card">
<div class="auth-logo"> <div class="auth-logo">
<span class="logo-icon">📅</span> <svg class="logo-icon" width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
<h1>Calendarr</h1> <h1>Calendarr</h1>
</div> </div>
<h2>Ersteinrichtung</h2> <h2>Ersteinrichtung</h2>
@@ -46,7 +46,7 @@
<div id="screen-login" class="auth-screen hidden"> <div id="screen-login" class="auth-screen hidden">
<div class="auth-card"> <div class="auth-card">
<div class="auth-logo"> <div class="auth-logo">
<span class="logo-icon">📅</span> <svg class="logo-icon" width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
<div> <div>
<h1>Calendarr</h1> <h1>Calendarr</h1>
<p class="auth-tagline">das minimalistische Kalender Frontend</p> <p class="auth-tagline">das minimalistische Kalender Frontend</p>
@@ -390,7 +390,7 @@
</div> </div>
<div class="settings-page-body"> <div class="settings-page-body">
<nav class="settings-nav"> <nav class="settings-nav">
<button class="settings-nav-btn active" data-panel="general">Einstellungen</button> <button class="settings-nav-btn active" data-panel="general">Darstellung</button>
<button class="settings-nav-btn" data-panel="google">Google Konten</button> <button class="settings-nav-btn" data-panel="google">Google Konten</button>
<button class="settings-nav-btn hidden" data-panel="users" id="settings-nav-users">Benutzerverwaltung</button> <button class="settings-nav-btn hidden" data-panel="users" id="settings-nav-users">Benutzerverwaltung</button>
</nav> </nav>