Jelajahi Sumber

Welcome/login: move logo inside the card and triple its size (48 → 144)

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
chiappa 2 hari lalu
induk
melakukan
d8e7f89784
2 mengubah file dengan 40 tambahan dan 40 penghapusan
  1. 20 20
      views/auth/local.twig
  2. 20 20
      views/home.twig

+ 20 - 20
views/auth/local.twig

@@ -2,27 +2,27 @@
 
 {% block content %}
 <section class="max-w-md mx-auto mt-6">
-    <div class="flex justify-center mb-4">
-        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="48" height="48" aria-hidden="true" class="block" fill="none">
-            <defs>
-                <radialGradient id="brand-cycle-glow-card" cx="32" cy="32" r="20" gradientUnits="userSpaceOnUse">
-                    <stop offset="0"   stop-color="#6366f1" stop-opacity="0.55"/>
-                    <stop offset="0.6" stop-color="#6366f1" stop-opacity="0.12"/>
-                    <stop offset="1"   stop-color="#6366f1" stop-opacity="0"/>
-                </radialGradient>
-            </defs>
-            <circle cx="32" cy="32" r="20" fill="url(#brand-cycle-glow-card)"/>
-            <path d="M52 32 A20 20 0 1 1 32 12" stroke="currentColor" stroke-width="3.5" stroke-linecap="round"/>
-            <path d="M44 8 L52 12 L48 20" stroke="currentColor" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"/>
-            <circle cx="32" cy="32" r="5"  fill="#6366f1"/>
-            <circle cx="48" cy="20" r="2.5" fill="currentColor" opacity="0.55"/>
-            <circle cx="52" cy="40" r="2.5" fill="currentColor" opacity="0.55"/>
-            <circle cx="40" cy="50" r="2.5" fill="currentColor" opacity="0.55"/>
-            <circle cx="20" cy="48" r="2.5" fill="currentColor" opacity="0.55"/>
-            <circle cx="14" cy="32" r="2.5" fill="#10b981"/>
-        </svg>
-    </div>
     <div class="rounded-lg border bg-white p-6 dark:bg-slate-800 dark:border-slate-700">
+        <div class="flex justify-center mb-4">
+            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="144" height="144" aria-hidden="true" class="block" fill="none">
+                <defs>
+                    <radialGradient id="brand-cycle-glow-card" cx="32" cy="32" r="20" gradientUnits="userSpaceOnUse">
+                        <stop offset="0"   stop-color="#6366f1" stop-opacity="0.55"/>
+                        <stop offset="0.6" stop-color="#6366f1" stop-opacity="0.12"/>
+                        <stop offset="1"   stop-color="#6366f1" stop-opacity="0"/>
+                    </radialGradient>
+                </defs>
+                <circle cx="32" cy="32" r="20" fill="url(#brand-cycle-glow-card)"/>
+                <path d="M52 32 A20 20 0 1 1 32 12" stroke="currentColor" stroke-width="3.5" stroke-linecap="round"/>
+                <path d="M44 8 L52 12 L48 20" stroke="currentColor" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"/>
+                <circle cx="32" cy="32" r="5"  fill="#6366f1"/>
+                <circle cx="48" cy="20" r="2.5" fill="currentColor" opacity="0.55"/>
+                <circle cx="52" cy="40" r="2.5" fill="currentColor" opacity="0.55"/>
+                <circle cx="40" cy="50" r="2.5" fill="currentColor" opacity="0.55"/>
+                <circle cx="20" cy="48" r="2.5" fill="currentColor" opacity="0.55"/>
+                <circle cx="14" cy="32" r="2.5" fill="#10b981"/>
+            </svg>
+        </div>
         <h1 class="text-xl font-semibold tracking-tight">Local admin sign-in</h1>
         <p class="text-slate-600 text-sm mt-1 dark:text-slate-400">
             Use this form only while Entra ID is not yet configured. Credentials

+ 20 - 20
views/home.twig

@@ -16,27 +16,27 @@
 
     {% if currentUser is null %}
         <div class="max-w-md mx-auto mt-6">
-            <div class="flex justify-center mb-4">
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="48" height="48" aria-hidden="true" class="block" fill="none">
-                    <defs>
-                        <radialGradient id="brand-cycle-glow-card" cx="32" cy="32" r="20" gradientUnits="userSpaceOnUse">
-                            <stop offset="0"   stop-color="#6366f1" stop-opacity="0.55"/>
-                            <stop offset="0.6" stop-color="#6366f1" stop-opacity="0.12"/>
-                            <stop offset="1"   stop-color="#6366f1" stop-opacity="0"/>
-                        </radialGradient>
-                    </defs>
-                    <circle cx="32" cy="32" r="20" fill="url(#brand-cycle-glow-card)"/>
-                    <path d="M52 32 A20 20 0 1 1 32 12" stroke="currentColor" stroke-width="3.5" stroke-linecap="round"/>
-                    <path d="M44 8 L52 12 L48 20" stroke="currentColor" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"/>
-                    <circle cx="32" cy="32" r="5"  fill="#6366f1"/>
-                    <circle cx="48" cy="20" r="2.5" fill="currentColor" opacity="0.55"/>
-                    <circle cx="52" cy="40" r="2.5" fill="currentColor" opacity="0.55"/>
-                    <circle cx="40" cy="50" r="2.5" fill="currentColor" opacity="0.55"/>
-                    <circle cx="20" cy="48" r="2.5" fill="currentColor" opacity="0.55"/>
-                    <circle cx="14" cy="32" r="2.5" fill="#10b981"/>
-                </svg>
-            </div>
             <div class="rounded-lg border bg-white p-6 dark:bg-slate-800 dark:border-slate-700">
+                <div class="flex justify-center mb-4">
+                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="144" height="144" aria-hidden="true" class="block" fill="none">
+                        <defs>
+                            <radialGradient id="brand-cycle-glow-card" cx="32" cy="32" r="20" gradientUnits="userSpaceOnUse">
+                                <stop offset="0"   stop-color="#6366f1" stop-opacity="0.55"/>
+                                <stop offset="0.6" stop-color="#6366f1" stop-opacity="0.12"/>
+                                <stop offset="1"   stop-color="#6366f1" stop-opacity="0"/>
+                            </radialGradient>
+                        </defs>
+                        <circle cx="32" cy="32" r="20" fill="url(#brand-cycle-glow-card)"/>
+                        <path d="M52 32 A20 20 0 1 1 32 12" stroke="currentColor" stroke-width="3.5" stroke-linecap="round"/>
+                        <path d="M44 8 L52 12 L48 20" stroke="currentColor" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"/>
+                        <circle cx="32" cy="32" r="5"  fill="#6366f1"/>
+                        <circle cx="48" cy="20" r="2.5" fill="currentColor" opacity="0.55"/>
+                        <circle cx="52" cy="40" r="2.5" fill="currentColor" opacity="0.55"/>
+                        <circle cx="40" cy="50" r="2.5" fill="currentColor" opacity="0.55"/>
+                        <circle cx="20" cy="48" r="2.5" fill="currentColor" opacity="0.55"/>
+                        <circle cx="14" cy="32" r="2.5" fill="#10b981"/>
+                    </svg>
+                </div>
                 <h1 class="text-xl font-semibold tracking-tight">Sprint Planner</h1>
                 <p class="text-slate-600 text-sm mt-1 dark:text-slate-400">
                     Sign in with your Microsoft account to get started. The first