denys/akkoma-fe
1
0
Fork 0
forked from AkkomaGang/akkoma-fe
Code Issues Pull requests Projects Releases Packages Wiki Activity

modal style improvements

Browse source
This commit is contained in:
taehoon 2019-03-28 13:48:13 -04:00
parent 2e6eab51b8
commit 01cc7e4480
1 changed files with 8 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/components/user_reporting_modal/user_reporting_modal.vue
View file

@ -1,7 +1,9 @@
<template> <template>
<div class="modal-view" @click="closeModal" v-if="isOpen"> <div class="modal-view" @click="closeModal" v-if="isOpen">
<div class="user-reporting-panel panel" @click.stop=""> <div class="user-reporting-panel panel" @click.stop="">
<div class="panel-heading">{{$t('user_reporting.title', [user.screen_name])}}</div> <div class="panel-heading">
<div class="title">{{$t('user_reporting.title', [user.screen_name])}}</div>
</div>
<div class="panel-body"> <div class="panel-body">
<div class="user-reporting-panel-left"> <div class="user-reporting-panel-left">
<div> <div>
@ -47,12 +49,17 @@
min-height: 20vh; min-height: 20vh;
max-height: 80vh; max-height: 80vh;
.panel-heading {
text-align: center;
}
.panel-body { .panel-body {
display: flex; display: flex;
flex-direction: column-reverse; flex-direction: column-reverse;
border-top: 1px solid; border-top: 1px solid;
border-color: $fallback--border; border-color: $fallback--border;
border-color: var(--border, $fallback--border); border-color: var(--border, $fallback--border);
overflow: hidden;
} }
&-left { &-left {