midgard/mapcomplete
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Update .userbadge-login to Tailwind

Browse source 
Migrate some custom styles to Tailwind to test new setup.
This commit is contained in:
Tobias Jordans 2021-09-22 19:56:36 +02:00
parent 45e8b96f9f
commit 3c459f00fd
2 changed files with 2 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
UI/BigComponents/UserBadge.ts
View file

@ -18,7 +18,7 @@ export default class UserBadge extends Toggle {
const loginButton = Translations.t.general.loginWithOpenStreetMap const loginButton = Translations.t.general.loginWithOpenStreetMap
.Clone() .Clone()
.SetClass("userbadge-login pt-3 w-full h-full") .SetClass("userbadge-login inline-flex justify-center items-center w-full h-full text-lg font-bold min-w-[20em]")
.onClick(() => State.state.osmConnection.AttemptLogin()); .onClick(() => State.state.osmConnection.AttemptLogin());
@ -138,4 +138,4 @@ export default class UserBadge extends Toggle {
} }
} }

9
css/userbadge.css
View file

@ -33,16 +33,7 @@
} }
.userbadge-login { .userbadge-login {
font-weight: bold;
font-size: large;
background-color: var(--subtle-detail-color) !important; background-color: var(--subtle-detail-color) !important;
color: var(--subtle-detail-color-contrast); color: var(--subtle-detail-color-contrast);
height: 3em; height: 3em;
display: inline-block;
text-align: center;
margin: 0;
min-width: 20em;
pointer-events: all;
} }