APervov/drill-keycloak
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refine font sizes in 'drill-luxe' Keycloak theme login CSS for improved readability and responsiveness

Browse Source 
- Adjusted font sizes for the brand heading across different screen sizes using clamp functions to enhance visual consistency.
- Ensured better adaptability of text elements in the login interface for a more user-friendly experience.
This commit is contained in:
Первов Артем
2026-06-17 11:35:51 +03:00
parent 4ca557c662
commit 4c75a253d3
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
keycloak/themes/drill-luxe/login/resources/css/drill-luxe.css
View File

@@ -200,7 +200,7 @@ body.drill-login::before {
.drill-login__brand h1 { .drill-login__brand h1 {
max-width: 780px; max-width: 780px;
font-size: clamp(2.25rem, 4.8vw, 4.9rem); font-size: clamp(1.9rem, 3.6vw, 3.6rem);
} }
.drill-login__brand p, .drill-login__brand p,
@@ -630,7 +630,7 @@ body.drill-login::before {
} }
.drill-login__brand h1 { .drill-login__brand h1 {
font-size: clamp(1.9rem, 10vw, 3rem); font-size: clamp(1.55rem, 8vw, 2.25rem);
} }
.drill-login__industrial-panel, .drill-login__industrial-panel,
@@ -655,7 +655,7 @@ body.drill-login::before {
} }
.drill-login__brand h1 { .drill-login__brand h1 {
font-size: clamp(2rem, 3.5vw, 3.35rem); font-size: clamp(1.7rem, 2.8vw, 2.65rem);
} }
.drill-login__brand p { .drill-login__brand p {