style: rework modal spacing
This commit is contained in:
parent
d59beae91c
commit
b389200017
@ -1,13 +1,13 @@
|
|||||||
<!-- eslint-disable vue/no-v-html -->
|
<!-- eslint-disable vue/no-v-html -->
|
||||||
<template>
|
<template>
|
||||||
<div class="content">
|
<div>
|
||||||
<NcAvatar :display-name="name"
|
<NcAvatar :display-name="name"
|
||||||
:is-no-user="true"
|
:is-no-user="true"
|
||||||
:size="256"
|
:size="256"
|
||||||
:url="image" />
|
:url="image" />
|
||||||
<h2>{{ name }}</h2>
|
<h2>{{ name }}</h2>
|
||||||
<p v-html="strippedDescription" />
|
<p v-html="strippedDescription" />
|
||||||
<div class="buttons">
|
<div>
|
||||||
<NcButton v-if="link"
|
<NcButton v-if="link"
|
||||||
:href="link"
|
:href="link"
|
||||||
target="_blank">
|
target="_blank">
|
||||||
@ -87,16 +87,11 @@ export default {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.content {
|
div {
|
||||||
|
align-items: center;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
gap: 1rem;
|
||||||
gap: 2rem;
|
|
||||||
margin: 2rem;
|
margin: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.buttons {
|
|
||||||
display: flex;
|
|
||||||
gap: 1rem;
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
Loading…
Reference in New Issue
Block a user