From 3c459f00fd84b27581bc16e61eae6b1310a46d62 Mon Sep 17 00:00:00 2001 From: Tobias Jordans Date: Wed, 22 Sep 2021 19:56:36 +0200 Subject: [PATCH] Update .userbadge-login to Tailwind Migrate some custom styles to Tailwind to test new setup. --- UI/BigComponents/UserBadge.ts | 4 ++-- css/userbadge.css | 9 --------- 2 files changed, 2 insertions(+), 11 deletions(-) diff --git a/UI/BigComponents/UserBadge.ts b/UI/BigComponents/UserBadge.ts index 62f74e0ae..297e470e3 100644 --- a/UI/BigComponents/UserBadge.ts +++ b/UI/BigComponents/UserBadge.ts @@ -18,7 +18,7 @@ export default class UserBadge extends Toggle { const loginButton = Translations.t.general.loginWithOpenStreetMap .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()); @@ -138,4 +138,4 @@ export default class UserBadge extends Toggle { } -} \ No newline at end of file +} diff --git a/css/userbadge.css b/css/userbadge.css index 316bb7aa7..3b272cc48 100644 --- a/css/userbadge.css +++ b/css/userbadge.css @@ -33,16 +33,7 @@ } .userbadge-login { - font-weight: bold; - font-size: large; background-color: var(--subtle-detail-color) !important; color: var(--subtle-detail-color-contrast); height: 3em; - - display: inline-block; - text-align: center; - margin: 0; - - min-width: 20em; - pointer-events: all; }