mirror of
https://github.com/Ocelot-Social-Community/Ocelot-Social.git
synced 2025-12-13 07:46:06 +00:00
[fix] fixed ui issues for filter mobile view
This commit is contained in:
parent
7c65188b42
commit
a0434143ca
@ -80,10 +80,6 @@ export default {
|
||||
@media only screen and (max-width: 630px) {
|
||||
flex-direction: column;
|
||||
|
||||
> .title {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
// > .sidebar {
|
||||
// max-width: none;
|
||||
// }
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
<filter-menu-section
|
||||
:title="$t('filter-menu.post-type')"
|
||||
:divider="false"
|
||||
class="following-filter post-type-filter"
|
||||
class="post-type-filter"
|
||||
>
|
||||
<template #filter-follower>
|
||||
<li class="item all-item">
|
||||
@ -65,9 +65,10 @@ export default {
|
||||
<style lang="scss">
|
||||
.post-type-filter {
|
||||
& .filter-list {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 10%);
|
||||
padding-left: 0px;
|
||||
display: flex;
|
||||
flex-basis: 100%;
|
||||
flex-grow: 1;
|
||||
padding-left: $space-base;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user