web/layout: remove content margin (frame)

it feels unnatural in safari and other browsers with colored headers

most browsers have their own frame nowadays (for some reason) so in those it looks even weirder than in regular ones (such as helium). just a waste of space.
This commit is contained in:
wukko 2025-05-22 18:19:49 +06:00
parent 7e9b7542ac
commit a1bf0a454f
No known key found for this signature in database
GPG Key ID: 3E30B3F26C7B4AA2
3 changed files with 2 additions and 12 deletions

View File

@ -45,6 +45,7 @@
--sidebar-stroke: rgba(0, 0, 0, 0.04);
--content-border: rgba(0, 0, 0, 0.03);
--content-border-thickness: 1px;
--input-border: #adadb7;
@ -68,11 +69,6 @@
)
);
--content-border-thickness: 1px;
--content-margin: calc(
var(--sidebar-inner-padding) + var(--content-border-thickness)
);
--safe-area-inset-top: env(safe-area-inset-top);
--safe-area-inset-bottom: env(safe-area-inset-bottom);

View File

@ -94,7 +94,7 @@
<style>
#processing-queue {
--holder-padding: 16px;
--holder-padding: 12px;
position: absolute;
right: 0;
display: flex;

View File

@ -163,14 +163,10 @@
overflow: scroll;
background-color: var(--primary);
box-shadow: 0 0 0 var(--content-border-thickness) var(--content-border);
border-radius: 6px;
margin: var(--content-margin);
margin-left: var(--content-border-thickness);
}
#content:dir(rtl) {
margin-left: var(--content-margin);
margin-right: var(--content-border-thickness);
}
@ -197,8 +193,6 @@
order: -1;
margin: 0;
box-shadow: none;
border-radius: 0;
border-bottom-left-radius: calc(var(--border-radius) * 2);
border-bottom-right-radius: calc(var(--border-radius) * 2);