Fix banner style on Windows (#4466)

fix: #4449
This commit is contained in:
windingwind 2024-07-30 23:35:48 +08:00 committed by Dan Stillman
parent ed983484d1
commit 98d1f84263
3 changed files with 12 additions and 5 deletions

View file

@ -24,7 +24,7 @@
color: var(--fill-primary);
flex-wrap: wrap;
gap: 8px;
padding: 8px 12px;
padding: 6px 8px;
.link {
color: var(--accent-blue);
@ -50,6 +50,13 @@
flex-wrap: wrap;
gap: 8px;
margin-inline-start: auto;
@media (-moz-platform: windows) {
button {
height: 24px;
margin: 0 !important;
}
}
}
}

View file

@ -2,7 +2,7 @@
appearance: none;
padding: 0;
border: 1px solid transparent !important;
border-radius: 3px;
border-radius: 4px;
background-origin: border-box;
background-clip: padding-box, padding-box, border-box;

View file

@ -1,14 +1,14 @@
// Use :where to reset specificity to 0
// https://css-tricks.com/using-the-specificity-of-where-as-a-css-reset/
// skip React Button element
:where(
// skip React Button element
button:not(.btn, [type=checkbox], [type=radio]),
input:is([type=button], [type=submit])
) {
@include windows-form-element;
padding: 4px 11px 6px 11px;
margin-top: 2px;
padding: 4px 11px 6px 11px !important;
&[default] {
color: var(--accent-white);