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

refactor(navbar): consistent spacing in navbar buttons (#507)

Browse source
This commit is contained in:
Corentin THOMASSET 2023-06-27 18:47:32 +02:00 • committed by GitHub
parent 72c98a3c5e
commit 30f88fc6a8
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

24
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 />
<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>