admin/cobalt
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

web/layout: remove content margin (frame)

Browse Source 
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
3 changed files with 2 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
web/src/app.css
View File

@@ -45,6 +45,7 @@
--sidebar-stroke: rgba(0, 0, 0, 0.04); --sidebar-stroke: rgba(0, 0, 0, 0.04);
--content-border: rgba(0, 0, 0, 0.03); --content-border: rgba(0, 0, 0, 0.03);
--content-border-thickness: 1px;
--input-border: #adadb7; --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-top: env(safe-area-inset-top);
--safe-area-inset-bottom: env(safe-area-inset-bottom); --safe-area-inset-bottom: env(safe-area-inset-bottom);

2
web/src/components/queue/ProcessingQueue.svelte
View File

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

6
web/src/routes/+layout.svelte
View File

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