External/5chan
1
0
Fork 0
mirror of https://github.com/bitsocialnet/5chan.git synced 2026-08-03 07:41:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix mobile responsiveness

Browse Source
This commit is contained in:
Tom (plebeius.eth)
2025-03-06 23:54:05 +01:00
parent d7a9c1640b
commit 99fdb90578
1 changed files with 19 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/catalog-filters/catalog-filters.module.css
+19 -1
View File
@@ -41,12 +41,18 @@
overflow-y: auto; overflow-y: auto;
position: fixed; position: fixed;
z-index: 5; z-index: 5;
padding: 2px 5px 5px 5px; padding: 2px 5px 3px 5px;
font-size: var(--settings-modal-font-size); font-size: var(--settings-modal-font-size);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
background-color: var(--settings-modal-background-color); background-color: var(--settings-modal-background-color);
} }
@media (max-width: 640px) {
.modal {
padding-bottom: 0;
}
}
.filtersProtipModal { .filtersProtipModal {
top: 50px; top: 50px;
width: 570px; width: 570px;
@@ -109,6 +115,7 @@
.filtersProtip { .filtersProtip {
text-transform: none; text-transform: none;
text-align: left;
} }
.filtersProtip code { .filtersProtip code {
@@ -204,6 +211,12 @@
width: 150px; width: 150px;
} }
@media (max-width: 640px) {
.filtersTable input[type='text'] {
font-size: 16px !important;
}
}
.filtersTable input[type='text']:focus { .filtersTable input[type='text']:focus {
border: var(--reply-modal-field-input-border-focus, revert); border: var(--reply-modal-field-input-border-focus, revert);
} }
@@ -224,6 +237,11 @@
position: absolute; position: absolute;
right: 5px; right: 5px;
} }
@media (max-width: 640px) {
.addButton, .saveButton {
margin-bottom: 4px !important;
}
}
.filterHits { .filterHits {
font-size: 12px !important; font-size: 12px !important;