factor out styles

This commit is contained in:
nquidox 2025-09-22 19:29:59 +03:00
parent 291ba7e678
commit fbfcac3bb0
2 changed files with 12 additions and 10 deletions

View file

@ -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;
}

View file

@ -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>