bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2025-12-19 09:43:23 +00:00
Code Issues Releases Wiki Activity

Fix old FrontendLayoutComponent logo, update 404 and index styling (#16076)

Browse Source
This commit is contained in:
Oscar Hinton
2025-08-20 16:28:18 +02:00
committed by GitHub
parent 603a7031c0
commit 5483006ae4
3 changed files with 45 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
apps/web/src/scss/tailwind.css
View File

@@ -11,19 +11,9 @@
* - Shared styles like Logo.
*/
@layer components {
.tw-h1 {
@apply tw-text-3xl tw-font-semibold;
}
.tw-btn {
@apply tw-font-semibold tw-py-1.5 tw-px-3 tw-rounded tw-transition tw-border tw-border-solid tw-text-center tw-no-underline hover:tw-no-underline focus:tw-outline-none;
}
.tw-btn-secondary {
@apply tw-btn;
@apply tw-bg-transparent tw-border-text-muted hover:tw-bg-text-muted hover:tw-border-text-muted hover:!tw-text-contrast disabled:tw-bg-transparent disabled:tw-border-text-muted/60 disabled:!tw-text-muted/60 disabled:tw-cursor-not-allowed;
@apply tw-text-muted !important;
body {
@apply tw-bg-background;
@apply tw-text-main;
}
/**
@@ -49,11 +39,6 @@
}
}
body {
@apply tw-bg-background;
@apply tw-text-main;
}
/**
* Loading page
*/
@@ -70,6 +55,16 @@
}
}
/**
* Logo on old `FrontendLayoutComponent`. Remove when the component is gone.
*/
img.logo {
display: block;
height: 43px;
margin: 0 auto;
width: 284px;
}
/**
* Logo, used both in loading and on "frontend" pages.
*/
@@ -85,3 +80,28 @@
content: url("../images/logo-white.svg");
}
}
/**
* 404 page styling.
*/
@layer components {
.tw-h1 {
@apply tw-text-3xl tw-font-semibold;
}
.tw-btn {
@apply tw-font-semibold tw-py-1.5 tw-px-3 tw-rounded-full tw-transition tw-border-2 tw-border-solid tw-text-center tw-no-underline focus:tw-outline-none;
}
.tw-btn-secondary {
@apply tw-btn;
@apply tw-bg-transparent tw-text-primary-600 tw-border-primary-600 hover:tw-bg-hover-default;
}
.tw-link {
@apply tw-font-semibold hover:tw-underline hover:tw-decoration-1;
@apply tw-text-primary-600 hover:tw-text-primary-700 focus-visible:before:tw-ring-primary-600;
}
}