public-repos/it-tools
5
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

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
Show Stats 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>
<template #content> <template #content>
<div class="navigation"> <div flex items-center justify-center gap-2>
<c-button <c-button
:size="styleStore.isSmallScreen ? 'medium' : 'large'"
circle circle
variant="text" variant="text"
aria-label="Toggle menu" aria-label="Toggle menu"
@ -104,9 +103,11 @@ const tools = computed<ToolCategory[]>(() => [
Home Home
</n-tooltip> </n-tooltip>
<command-palette mx-2 /> <command-palette />
<NavbarButtons v-if="!styleStore.isSmallScreen" /> <div>
<NavbarButtons v-if="!styleStore.isSmallScreen" />
</div>
<n-tooltip trigger="hover"> <n-tooltip trigger="hover">
<template #trigger> <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> </style>