aljaz/boris
1
1
Fork 0
mirror of https://github.com/dergigi/boris.git synced 2025-12-26 02:54:29 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix: remove mobile content pane gap and ensure full width display

Browse Source
This commit is contained in:
Gigi
2025-10-13 22:26:13 +02:00
parent c564d1608b
commit a19cb8b6dc
2 changed files with 11 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/styles/components/reader.css
View File

@@ -74,6 +74,15 @@
.mark-as-read-btn:disabled { opacity: 0.6; cursor: not-allowed; }
.mark-as-read-btn svg { font-size: 1.1rem; }
@media (max-width: 768px) {
.reader {
max-width: 100%;
width: 100%;
margin: 0;
padding: 0.5rem;
border-radius: 0;
border-left: none;
border-right: none;
}
.mark-as-read-container { padding: 1.5rem 1rem; }
.mark-as-read-btn { width: 100%; max-width: 300px; }
}

3
src/styles/layout/app.css
View File

@@ -123,8 +123,9 @@
.pane.main {
grid-column: 1;
grid-row: 1;
padding: 0.5rem;
padding: 0;
max-width: 100%;
width: 100%;
transition: opacity 0.2s ease;
}
/* Hide main content when sidepanes are open on mobile */