factor out styles
This commit is contained in:
parent
291ba7e678
commit
fbfcac3bb0
2 changed files with 12 additions and 10 deletions
|
|
@ -15,3 +15,13 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.center-button-container {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.center-button {
|
||||||
|
min-width: 320px;
|
||||||
|
}
|
||||||
|
|
|
||||||
|
|
@ -48,21 +48,13 @@ const onLogout = () => {
|
||||||
{{ formattedDate }}
|
{{ formattedDate }}
|
||||||
</n-thing>
|
</n-thing>
|
||||||
</n-list-item>
|
</n-list-item>
|
||||||
<div class="logout-container">
|
<div class="center-button-container">
|
||||||
<n-button type="info" class="logout" @click="onLogout">Log out</n-button>
|
<n-button type="info" class="center-button" @click="onLogout">Log out</n-button>
|
||||||
</div>
|
</div>
|
||||||
</n-list>
|
</n-list>
|
||||||
</n-card>
|
</n-card>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.logout-container {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
margin-top: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.logout {
|
|
||||||
min-width: 320px;
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue