Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2026-08-08 20:32:24 +04:00
Code Issues Projects Releases Wiki Activity

feat: improve navbar layout and add media query for background gradient in documentation styles

Browse Source
This commit is contained in:
codecalm
2025-04-20 20:09:23 +02:00
parent 7295678c34
commit 8710940952
2 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/scss/docs.scss
+2
View File
@@ -13,7 +13,9 @@
} }
.bg-docs-gradient { .bg-docs-gradient {
@media (min-width: 992px) {
background: radial-gradient(circle at 0 0, color-mix(in srgb, var(--tblr-primary) 4%, transparent), transparent 80%) no-repeat 0 0 / 800px 800px !important; background: radial-gradient(circle at 0 0, color-mix(in srgb, var(--tblr-primary) 4%, transparent), transparent 80%) no-repeat 0 0 / 800px 800px !important;
}
} }
.DocSearch-Button { .DocSearch-Button {
shared/includes/docs/navbar.html
+3 -3
View File
@@ -1,6 +1,6 @@
<div class="navbar navbar-expand-md sticky-top"> <div class="navbar navbar-expand sticky-top">
<div class="container"> <div class="container">
<div class="row flex-fill align-items-center"> <div class="row flex-fill align-items-md-center">
<div class="col"> <div class="col">
<div class="d-flex align-items-center gap-4"> <div class="d-flex align-items-center gap-4">
<a href="/" class="navbar-brand navbar-brand-autodark gap-4"> <a href="/" class="navbar-brand navbar-brand-autodark gap-4">
@@ -11,7 +11,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col"> <div class="d-none d-md-block col">
<div id="docsearch"></div> <div id="docsearch"></div>
</div> </div>
<div class="col d-flex"> <div class="col d-flex">