mirrors/desktop
1
0
Fork 0
mirror of https://github.com/zen-browser/desktop.git synced 2026-08-28 09:21:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

Enhance ZenWelcome component with improved layout and animation for radio buttons

Browse Source
This commit is contained in:
mr. M
2025-02-15 00:36:57 +01:00
parent d9960e8a5e
commit ca11631531
3 changed files with 40 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -103,5 +103,28 @@
overflow: hidden;
justify-content: center;
align-items: center;
display: flex;
flex-direction: column;
gap: 1.1rem;
& label {
opacity: 0;
transition: scale 0.2s;
padding: 1.1rem 1.3rem;
border-radius: .6rem;
width: 50%;
border: 2px solid var(--zen-colors-border);
box-shadow: var(--zen-big-shadow);
background: light-dark(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0.1));
&:hover {
scale: 1.015;
}
&:has(:checked) {
border: 2px solid var(--zen-primary-color);
scale: 1.03;
}
}
}
}