PostERG/xamxam
1
0
Fork 0
mirror of https://codeberg.org/PostERG/xamxam.git synced 2026-08-10 07:11:18 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix: various padding, layouts and visual issues

Browse Source 
- fixed padding in the tfe.php page
- fixed the layout in admin/index.php toolbar top
- the gap issued with the table theader
- rearranged button order in the toolbar top
This commit is contained in:
Pontoporeia
2026-07-08 13:09:35 +02:00
parent a4cfe4356f
commit 30f901f1ed
4 changed files with 1465 additions and 1475 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/public/assets/css/base.css
+35 -35
View File
@@ -7,83 +7,83 @@
/* Full-height flex layout: header → main → (optional footer) */
html,
body {
height: 100%;
overflow: hidden;
height: 100%;
overflow: hidden;
}
/* ── Discreet scrollbars ─────────────────────────────────────────── */
/* WebKit browsers */
::-webkit-scrollbar {
width: 5px;
height: 5px;
width: 5px;
height: 5px;
}
::-webkit-scrollbar-track {
background: transparent;
background: transparent;
}
::-webkit-scrollbar-thumb {
background: var(--text-tertiary);
border-radius: 3px;
background: var(--text-tertiary);
border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
background: var(--text-secondary);
background: var(--text-secondary);
}
/* Firefox */
* {
scrollbar-width: thin;
scrollbar-color: var(--text-tertiary) transparent;
scrollbar-width: thin;
scrollbar-color: var(--text-tertiary) transparent;
}
body {
font-family: var(--font-body);
font-weight: 300;
color: var(--text-primary);
background: linear-gradient(
180deg,
rgba(0, 0, 0, 0) 92%,
rgba(149, 87, 181, 1) 100%
);
display: flex;
flex-direction: column;
font-family: var(--font-body);
font-weight: 300;
color: var(--text-primary);
background: linear-gradient(
180deg,
rgba(0, 0, 0, 0) 92%,
rgba(149, 87, 181, 1) 100%
);
display: flex;
flex-direction: column;
}
main {
flex: 1;
min-height: 0;
overflow-wrap: anywhere;
flex: 1;
min-height: 0;
overflow-wrap: anywhere;
}
main * {
overflow-wrap: anywhere;
word-break: break-word;
overflow-wrap: anywhere;
word-break: break-word;
}
/* Global heading scale — used by admin + public pages */
h1 {
font-size: var(--step-5);
font-size: var(--step-4);
}
h2 {
font-size: var(--step-3);
font-size: var(--step-3);
}
h3 {
font-size: var(--step-1);
font-size: var(--step-2);
}
h4 {
font-size: var(--step-0);
font-size: var(--step-1);
}
h5 {
font-size: var(--step--1);
font-size: var(--step--1);
}
h6 {
font-size: var(--step--2);
font-size: var(--step--2);
}
:where(h1, h2, h3, h4, h5, h6) {
font-family: var(--font-display);
font-weight: 400;
margin: 0 0 var(--space-m) 0;
line-height: 1.15;
font-family: var(--font-display);
font-weight: 400;
margin: 0 0 var(--space-m) 0;
line-height: 1.15;
}