Skip to content

Commit bf26377

Browse files
makingclaude
andcommitted
Adjust login form to match Todo UI width and spacing
- Set container max-width to 56rem (896px) to match Todo UI's max-w-4xl - Added horizontal padding to match Todo UI's px-4 class - Made form container full width for consistent layout - Reduced top padding for better vertical alignment - Ensured consistent UI experience between the applications 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <[email protected]>
1 parent d25d4ed commit bf26377

File tree

1 file changed

+4
-2
lines changed

1 file changed

+4
-2
lines changed

authorization/src/main/resources/templates/login.mustache

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -21,14 +21,15 @@
2121
flex-direction: column;
2222
align-items: center;
2323
justify-content: flex-start;
24-
padding-top: 3rem; /* pt-12 */
24+
padding-top: 2rem; /* pt-8 */
2525
}
2626
2727
/* Container styles */
2828
.container {
29-
max-width: 4xl;
29+
max-width: 56rem; /* max-w-4xl - 896px */
3030
width: 90%;
3131
margin: 0 auto;
32+
padding: 0 1rem; /* px-4 */
3233
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
3334
}
3435
@@ -68,6 +69,7 @@
6869
border-radius: 0.5rem; /* rounded-lg */
6970
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); /* shadow-md */
7071
animation: fadeIn 0.3s ease-in-out;
72+
width: 100%;
7173
}
7274
7375
/* Form */

0 commit comments

Comments
 (0)