ocelot-Social-Community/Ocelot-Social
1
0
Fork 0
mirror of https://github.com/Ocelot-Social-Community/Ocelot-Social.git synced 2025-12-13 07:46:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

[fix] fixed ui issues for filter mobile view

Browse Source
This commit is contained in:
Markus 2023-08-18 15:28:27 +02:00
parent 7c65188b42
commit a0434143ca
2 changed files with 5 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
webapp/components/FilterMenu/FilterMenuSection.vue
View File

@ -80,10 +80,6 @@ export default {
@media only screen and (max-width: 630px) { @media only screen and (max-width: 630px) {
flex-direction: column; flex-direction: column;
> .title {
text-align: center;
}
// > .sidebar { // > .sidebar {
// max-width: none; // max-width: none;
// } // }

9
webapp/components/FilterMenu/PostTypeFilter.vue
View File

@ -2,7 +2,7 @@
<filter-menu-section <filter-menu-section
:title="$t('filter-menu.post-type')" :title="$t('filter-menu.post-type')"
:divider="false" :divider="false"
class="following-filter post-type-filter" class="post-type-filter"
> >
<template #filter-follower> <template #filter-follower>
<li class="item all-item"> <li class="item all-item">
@ -65,9 +65,10 @@ export default {
<style lang="scss"> <style lang="scss">
.post-type-filter { .post-type-filter {
& .filter-list { & .filter-list {
display: grid; display: flex;
grid-template-columns: repeat(3, 10%); flex-basis: 100%;
padding-left: 0px; flex-grow: 1;
padding-left: $space-base;
} }
} }
</style> </style>