arthur/xtablo-source
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions 5

fix(14-02): load Roboto font and fix Google button SVG icon sizing

Browse source 
Per Google's branding guidelines, the gsi-material-button requires Roboto
Medium. Add Google Fonts preconnect + stylesheet link to AuthLayout head.
Also add display:block + 100% dimensions to the SVG inside the icon
container to prevent inline baseline gaps.

Co-Authored-By: Claude Sonnet 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Arthur Belleville 2026-05-16 19:18:58 +02:00
parent 65e3dbfd03
commit 4624fb305a
No known key found for this signature in database
2 changed files with 9 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
backend/internal/web/ui/auth.css
View file

@ -294,6 +294,12 @@
width: 20px; width: 20px;
} }
.gsi-material-button .gsi-material-button-icon svg {
display: block;
height: 100%;
width: 100%;
}
.gsi-material-button .gsi-material-button-content-wrapper { .gsi-material-button .gsi-material-button-content-wrapper {
align-items: center; align-items: center;
display: flex; display: flex;

3
backend/templates/auth_layout.templ
View file

@ -19,6 +19,9 @@ templ AuthLayout(title string, csrfToken string) {
<meta charset="utf-8"/> <meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/> <meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>{ title }</title> <title>{ title }</title>
<link rel="preconnect" href="https://fonts.googleapis.com"/>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap"/>
<link rel="stylesheet" href="/static/tailwind.css"/> <link rel="stylesheet" href="/static/tailwind.css"/>
</head> </head>
<body> <body>