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