mirror of https://github.com/VueTubeApp/VueTube
feat: ✨ Make registry editor support rounded corners
This commit is contained in:
parent
f5f2ab85cf
commit
08f59ee58b
|
@ -4,9 +4,9 @@
|
|||
|
||||
<!-- Top Notice -->
|
||||
<center style="margin: 2em;">
|
||||
<h1>VueTube Registry</h1>
|
||||
<h1>Registry Editor</h1>
|
||||
<v-alert text outlined type="warning">
|
||||
MESSING WITH SETTINGS MAY CAUSE YOUR APP TO BREAK!
|
||||
EDITING ENTRIES MAY CAUSE YOUR APP TO BREAK!
|
||||
</v-alert>
|
||||
</center>
|
||||
|
||||
|
@ -20,7 +20,7 @@
|
|||
|
||||
<!-- Registry List Loader -->
|
||||
<v-list-item v-for="(item, index) in keys" :key="index">
|
||||
<v-card class="card rounded-lg" :class="$vuetify.theme.dark ? 'background lighten-1' : 'background darken-1'">
|
||||
<v-card class="card" :class="$vuetify.theme.dark ? 'background lighten-1' : 'background darken-1'" :style="{borderRadius: `${roundTweak / 2}rem`}">
|
||||
<v-card-title v-text="item.key" />
|
||||
<v-card-text v-text="item.value" />
|
||||
<v-card-actions>
|
||||
|
@ -104,6 +104,15 @@
|
|||
|
||||
<script>
|
||||
export default {
|
||||
|
||||
computed: {
|
||||
roundTweak: {
|
||||
get() {
|
||||
return this.$store.state.tweaks.roundTweak;
|
||||
}
|
||||
},
|
||||
},
|
||||
|
||||
data() {
|
||||
return {
|
||||
keys: [],
|
||||
|
|
Loading…
Reference in New Issue