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;
|
||||
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 }}
|
||||
</n-thing>
|
||||
</n-list-item>
|
||||
<div class="logout-container">
|
||||
<n-button type="info" class="logout" @click="onLogout">Log out</n-button>
|
||||
<div class="center-button-container">
|
||||
<n-button type="info" class="center-button" @click="onLogout">Log out</n-button>
|
||||
</div>
|
||||
</n-list>
|
||||
</n-card>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.logout-container {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.logout {
|
||||
min-width: 320px;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue