eigen/trackgo-fe
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 12 Wiki Activity

style: adjust navigation search bar positioning and button styling for improved aesthetics

Browse Source
This commit is contained in:
Firman Ramdhani
2026-06-24 18:09:52 +07:00
parent e313967075
commit 293069a594
1 changed files with 36 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/docs-dev/src/.vitepress/theme/custom.css
+36
View File
@@ -78,3 +78,39 @@
width: 28px;
margin-right: 0; /* Margin sudah digantikan oleh 'gap' pada parent */
}
/* ==========================================================================
ADJUSTING SEARCH BAR POSITION & SPACING
========================================================================== */
/* Menggeser Search agar lebih dekat ke Logo */
.VPNavBarSearch {
margin-left: 0px;
margin-right: auto;
}
/* Memperbaiki tampilan tombol Search agar lebih kompak */
.VPNavBarSearch .DocSearch-Button {
border-radius: 8px;
height: 32px;
padding: 0 12px;
}
/* Kustomisasi warna background & border (Light Mode) */
:not(.dark) .VPNavBarSearch .DocSearch-Button {
background-color: #f3f4f6;
border-color: #e5e7eb; /* Border abu-abu tipis untuk light mode */
}
/* Kustomisasi warna background & border (Dark Mode) */
.dark .VPNavBarSearch .DocSearch-Button {
background-color: var(--vp-c-bg-soft);
border-color: #374151; /* Border gelap yang elegan untuk dark mode */
}
/* Opsional: Jika ingin Search tetap di tengah namun punya batasan */
@media (min-width: 768px) {
.VPNavBar .VPNavBarSearch {
flex-grow: 0;
}
}