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

feat: Add different UI for non-macos devices and other small tweaks, b=no-bug, c=common, glance

Browse Source
This commit is contained in:
mr. m
2025-10-22 08:39:54 +02:00
parent 1d4e246d6a
commit 4080d07bcc
5 changed files with 29 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/zen/common/styles/zen-browser-ui.css
View File

@@ -136,9 +136,13 @@
z-index: 2;
}
:root[zen-single-toolbar='true'] #nav-bar {
border-top: none !important;
--zen-toolbar-height: 37px;
#nav-bar {
border-top-color: transparent !important;
:root[zen-single-toolbar='true'] & {
border-top: none !important;
--zen-toolbar-height: 37px;
}
}
#zen-main-app-wrapper {

31
src/zen/common/styles/zen-single-components.css
View File

@@ -511,18 +511,27 @@ body > #confetti {
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient(
to bottom,
light-dark(rgb(255, 255, 255), rgb(34, 34, 34)),
light-dark(rgb(246, 246, 246), rgb(21, 21, 21))
);
@media (-moz-platform: macos) {
background: linear-gradient(
to bottom,
light-dark(rgb(255, 255, 255), rgb(34, 34, 34)),
light-dark(rgb(246, 246, 246), rgb(21, 21, 21))
);
box-shadow:
0px 2px 4px rgba(0, 0, 0, 0.075),
inset 0px 1px 0px light-dark(transparent, rgba(255, 255, 255, 0.15));
border-radius: 6px;
--base-border-color: light-dark(rgba(0, 0, 0, 0.175), rgba(255, 255, 255, 0.1));
border: 1px solid light-dark(var(--base-border-color), rgb(21, 21, 21));
}
@media not (-moz-platform: macos) {
border-radius: 6px;
background-color: color-mix(in srgb, currentcolor 6%, transparent);
}
transition: transform 0.12s ease-in-out;
box-shadow:
0px 2px 4px rgba(0, 0, 0, 0.075),
inset 0px 1px 0px light-dark(transparent, rgba(255, 255, 255, 0.15));
border-radius: 6px;
--base-border-color: light-dark(rgba(0, 0, 0, 0.175), rgba(255, 255, 255, 0.1));
border: 1px solid light-dark(var(--base-border-color), rgb(21, 21, 21));
box-sizing: border-box;
will-change: transform;
}