mirrors/it-tools
1
0
Fork 0
mirror of https://github.com/CorentinTh/it-tools.git synced 2025-05-08 15:15:02 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

refactor(navbar): consistent spacing in navbar buttons

Browse source
This commit is contained in:
Corentin Thomasset 2023-06-27 18:39:58 +02:00
parent 72c98a3c5e
commit e7a9d76a52
No known key found for this signature in database
GPG key ID: DBD997E935996158
1 changed files with 5 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

26
src/layouts/base.layout.vue
View file

@ -84,9 +84,8 @@ const tools = computed<ToolCategory[]>(() => [
</template>
<template #content>
<div class="navigation">
<div flex items-center justify-center gap-2>
<c-button
:size="styleStore.isSmallScreen ? 'medium' : 'large'"
circle
variant="text"
aria-label="Toggle menu"
@ -104,9 +103,11 @@ const tools = computed<ToolCategory[]>(() => [
Home
</n-tooltip>
<command-palette mx-2 />
<command-palette />
<NavbarButtons v-if="!styleStore.isSmallScreen" />
<div>
<NavbarButtons v-if="!styleStore.isSmallScreen" />
</div>
<n-tooltip trigger="hover">
<template #trigger>
@ -206,21 +207,4 @@ const tools = computed<ToolCategory[]>(() => [
}
}
}
// ::v-deep(.n-menu-item-content-header) {
// overflow: visible !important;
// // overflow-x: hidden !important;
// }
.navigation {
display: flex;
align-items: center;
justify-content: center;
flex-direction: row;
.search-bar {
// width: 100%;
flex-grow: 1;
}
}
</style>