externalize styles

This commit is contained in:
Ulf Gebhardt 2023-05-25 12:15:03 +02:00
parent 2bd8a7ef04
commit 3f1e42e6fd
Signed by: ulfgebhardt
GPG Key ID: DA6B843E748679C9

View File

@ -11,7 +11,7 @@
ghost
fullwidth
size="x-large"
style="background-color: #ff000000; color: whitesmoke"
class="inactive-tab-button"
>
{{ $t('post.createNewPost.title') }}
</ds-button>
@ -30,8 +30,7 @@
size="x-large"
v-if="creatEvent"
hover
style="background-color: #ff000000; color: whitesmoke"
>
class="inactive-tab-button" >
{{ $t('post.createNewEvent.title') }}
</ds-button>
<ds-button ghost fullwidth size="x-large" v-else @click="creatEvent = !creatEvent">
@ -41,7 +40,7 @@
</ds-card>
</ds-flex-item>
</ds-flex>
<div v-if="group" style="font-size: 30px; text-align: center">
<div v-if="group" class="group-create-title">
{{ $t('post.createNewPost.forGroup.title', { name: group.name }) }}
</div>
</ds-flex-item>
@ -100,3 +99,13 @@ export default {
},
}
</script>
<style lang="scss">
.inactive-tab-button {
background-color: #ff000000 !important;
color: "whitesmoke" !important;
}
.group-create-title {
font-size: 30px;
text-align: center;
}
</style>