mirrors/desktop
1
0
Fork 0
mirror of https://github.com/zen-browser/desktop.git synced 2026-08-25 07:51:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

Refactor Zen welcome component: update styles, enhance animations, and improve localization handling

Browse Source
This commit is contained in:
mr. M
2025-02-14 21:22:44 +01:00
parent 03cd059a6f
commit 89bb3a7f2c
4 changed files with 34 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/browser/base/content/zen-styles/zen-buttons.css
View File

@@ -31,6 +31,13 @@ xul|button:is(.expander-down) {
border-radius: 6px !important;
}
.footer-button {
transition: scale 0.2s;
&:active {
scale: scale(0.98);
}
}
@media (-moz-bool-pref: 'zen.theme.pill-button') {
:host(:is(.anonymous-content-host, notification-message)),
:root {

18
src/browser/base/content/zen-styles/zen-welcome.css
View File

@@ -50,12 +50,11 @@
display: none;
#zen-welcome-page-sidebar {
background: rgba(255, 255, 255, 0.1);
box-shadow: var(--zen-big-shadow);
background: rgba(255, 255, 255, 0.07);
flex-direction: column;
justify-content: space-between;
padding: 3%;
width: 33%;
padding: 3.5rem;
width: 40%;
height: 100%;
backdrop-filter: blur(10px);
overflow: hidden;
@@ -68,19 +67,24 @@
#zen-welcome-page-sidebar-content {
& h1 {
font-size: 2rem;
font-size: 2.2rem;
font-weight: 600;
margin-bottom: 1rem;
}
& p {
font-size: 1.2rem;
margin: 0;
font-size: 1.1rem;
margin: 0 0 1.1rem 0;
opacity: .6;
}
& > * {
opacity: 0;
}
}
& button {
justify-content: center;
opacity: 0;
}
}