Kongwoo/akkoma-fe
1
0
Fork 0
mirror of https://akkoma.dev/AkkomaGang/akkoma-fe synced 2025-04-30 19:19:29 +08:00
Code Issues Projects Releases Packages Wiki Activity

Align pagination and moderation buttons

Browse source
This commit is contained in:
Sol Fisher Romanoff 2022-11-14 19:18:34 +02:00
parent 0b071b77b2
commit 6c73f448a3
No known key found for this signature in database
GPG key ID: 9D3F2B64F2341B62
3 changed files with 45 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/components/mod_modal/mod_modal.scss
View file

@ -41,5 +41,14 @@
height: inherit; height: inherit;
overflow-y: hidden; overflow-y: hidden;
} }
.pagination-container {
display: flex;
justify-content: right;
.btn {
margin-left: 0.6em;
}
}
} }
} }

45
src/components/mod_modal/tabs/users_tab/users_tab.scss
View file

@ -1,25 +1,44 @@
@import '../../../../_variables.scss'; @import '../../../../_variables.scss';
.reports-header .right-side { .users-header {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between;
.search-input-container { .right-side {
padding: 0.8rem;
display: flex; display: flex;
justify-content: center;
align-items: center; align-items: center;
.search-input { .search-input-container {
width: 100%; padding: 0.8rem;
line-height: 1.125rem; display: flex;
font-size: 1rem; justify-content: center;
padding: 0.5rem; align-items: center;
box-sizing: border-box;
}
.search-icon { .search-input {
margin-right: 0.3em; width: 100%;
line-height: 1.125rem;
font-size: 1rem;
padding: 0.5rem;
box-sizing: border-box;
}
.search-icon {
margin-right: 0.3em;
}
} }
} }
} }
.users .user {
display: flex;
flex-direction: row;
.user-moderation {
padding-top: 0.6em;
}
.basic-user-card {
width: 0;
}
}

9
src/components/mod_modal/tabs/users_tab/users_tab.vue
View file

@ -1,7 +1,7 @@
<template> <template>
<div :label="$t('moderation.users.users')"> <div :label="$t('moderation.users.users')">
<div class="content"> <div class="content">
<div class="reports-header"> <div class="users-header">
<h2>{{ $t('moderation.users.users') }}</h2> <h2>{{ $t('moderation.users.users') }}</h2>
<div class="right-side"> <div class="right-side">
<div class="search-input-container"> <div class="search-input-container">
@ -169,9 +169,8 @@
:key="user.id" :key="user.id"
class="user" class="user"
> >
<BasicUserCard :user="user"> <BasicUserCard :user="user" />
<ModerationTools :user="user" /> <ModerationTools :user="user" class="user-moderation" />
</BasicUserCard>
</div> </div>
</div> </div>
</div> </div>
@ -180,7 +179,7 @@
v-if="isActive" v-if="isActive"
to="#navigation" to="#navigation"
> >
<div class="apply-container"> <div class="pagination-container">
<button <button
class="btn button-default submit" class="btn button-default submit"
:disabled="page == 1" :disabled="page == 1"