forked from AkkomaGang/admin-fe
Fix mobile UI
This commit is contained in:
parent
0a146aef7f
commit
d2107a7101
2 changed files with 12 additions and 5 deletions
|
@ -10,14 +10,14 @@
|
||||||
prop="actor"/>
|
prop="actor"/>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
:label="$t('settings.followedBack')"
|
:label="$t('settings.followedBack')"
|
||||||
|
:width="getLabelWidth"
|
||||||
prop="followed_back"
|
prop="followed_back"
|
||||||
width="120"
|
|
||||||
align="center">
|
align="center">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<i :class="scope.row.followed_back ? 'el-icon-check' : 'el-icon-minus'"/>
|
<i :class="scope.row.followed_back ? 'el-icon-check' : 'el-icon-minus'"/>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column :label="$t('table.actions')" fixed="right" width="120" align="center">
|
<el-table-column :label="$t('table.actions')" :width="getLabelWidth" fixed="right" align="center">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-button
|
<el-button
|
||||||
type="text"
|
type="text"
|
||||||
|
@ -40,11 +40,17 @@ export default {
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
relays() {
|
getLabelWidth() {
|
||||||
return this.$store.state.relays.fetchedRelays
|
return this.isDesktop ? '130px' : '85px'
|
||||||
|
},
|
||||||
|
isDesktop() {
|
||||||
|
return this.$store.state.app.device === 'desktop'
|
||||||
},
|
},
|
||||||
loading() {
|
loading() {
|
||||||
return this.$store.state.relays.loading
|
return this.$store.state.relays.loading
|
||||||
|
},
|
||||||
|
relays() {
|
||||||
|
return this.$store.state.relays.fetchedRelays
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
|
|
|
@ -431,7 +431,7 @@
|
||||||
height: 2px;
|
height: 2px;
|
||||||
}
|
}
|
||||||
.follow-relay {
|
.follow-relay {
|
||||||
width: 70%;
|
width: 75%;
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
input {
|
input {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
@ -440,6 +440,7 @@
|
||||||
.follow-relay-container {
|
.follow-relay-container {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
margin: 0 5px;
|
||||||
}
|
}
|
||||||
h1 {
|
h1 {
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
|
|
Loading…
Reference in a new issue