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

Refactor zen-gradient-generator styles for improved responsiveness on macOS

Browse Source
This commit is contained in:
mr. M
2025-02-21 01:18:01 +01:00
parent 4a8790e07f
commit df666813f3
1 changed files with 16 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/browser/base/content/zen-styles/zen-gradient-generator.css
View File

@@ -59,15 +59,21 @@
width: 100%;
margin-bottom: 10px;
align-items: center;
gap: 3rem;
gap: 1.5rem;
padding: 0 var(--panel-padding);
@media (-moz-platform: macos) {
gap: 3rem;
}
& label {
font-size: larger;
margin-left: 0;
font-weight: 600;
margin-inline: 0;
margin-bottom: 2px;
@media (-moz-platform: macos) {
font-size: larger;
}
}
}
@@ -76,6 +82,7 @@
justify-content: space-around;
align-items: center;
margin: 5px auto 10px auto;
width: 100%;
& > box {
width: 18px;
@@ -279,10 +286,15 @@
}
#PanelUI-zen-gradient-generator-texture-wrapper {
width: 25%;
aspect-ratio: 1;
width: 4rem;
height: 4rem;
position: relative;
@media (-moz-platform: macos) {
width: 25%;
aspect-ratio: 1;
}
&::after {
content: '';
position: absolute;