usbharu
/
misskey
mirror of https://github.com/misskey-dev/misskey.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix layout

This commit is contained in:
samunohito 2024-02-05 08:31:42 +09:00
parent dfe85d7722
commit dcb6260e8f
3 changed files with 27 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
packages/frontend/src/pages/admin/custom-emojis-grid.local.list.vue
View File

@ -13,7 +13,7 @@
</MkButton> </MkButton>
</div> </div>
<div style="overflow-y: scroll; padding-top: 8px; padding-bottom: 8px;"> <div :class="$style.gridArea">
<MkGrid :data="gridItems" :gridSetting="gridSetting" :columnSettings="columnSettings" @event="onGridEvent"/> <MkGrid :data="gridItems" :gridSetting="gridSetting" :columnSettings="columnSettings" @event="onGridEvent"/>
</div> </div>
@ -302,6 +302,14 @@ function refreshGridItems() {
gap: 8px; gap: 8px;
} }
.gridArea {
overflow: scroll;
padding-top: 8px;
padding-bottom: 8px;
height: 570px;
resize: vertical;
}
.pages { .pages {
display: flex; display: flex;
justify-content: center; justify-content: center;

10
packages/frontend/src/pages/admin/custom-emojis-grid.local.register.vue
View File

@ -51,7 +51,7 @@
</ul> </ul>
</div> </div>
<div v-if="gridItems.length > 0" style="overflow-y: scroll;"> <div v-if="gridItems.length > 0" :class="$style.gridArea">
<MkGrid <MkGrid
:data="gridItems" :data="gridItems"
:columnSettings="columnSettings" :columnSettings="columnSettings"
@ -378,6 +378,14 @@ onMounted(async () => {
} }
} }
.gridArea {
overflow: scroll;
padding-top: 8px;
padding-bottom: 8px;
height: 400px;
resize: vertical;
}
.buttons { .buttons {
margin-top: 16px; margin-top: 16px;
display: flex; display: flex;

10
packages/frontend/src/pages/admin/custom-emojis-grid.remote.vue
View File

@ -15,7 +15,7 @@
</div> </div>
<div v-if="gridItems.length > 0"> <div v-if="gridItems.length > 0">
<div style="overflow-y: scroll; padding-top: 8px; padding-bottom: 8px;"> <div :class="$style.gridArea">
<MkGrid :data="gridItems" :columnSettings="columnSettings" @event="onGridEvent"/> <MkGrid :data="gridItems" :columnSettings="columnSettings" @event="onGridEvent"/>
</div> </div>
@ -222,6 +222,14 @@ onMounted(async () => {
gap: 8px; gap: 8px;
} }
.gridArea {
overflow: scroll;
padding-top: 8px;
padding-bottom: 8px;
height: 620px;
resize: vertical;
}
.pages { .pages {
display: flex; display: flex;
justify-content: center; justify-content: center;