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; display: flex;
justify-content: center; 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 }} {{ 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>