mirror of
https://github.com/tabler/tabler.git
synced 2026-06-17 12:50:03 +04:00
feat: improve navbar layout and add media query for background gradient in documentation styles
This commit is contained in:
+3
-1
@@ -13,7 +13,9 @@
|
||||
}
|
||||
|
||||
.bg-docs-gradient {
|
||||
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;
|
||||
@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;
|
||||
}
|
||||
}
|
||||
|
||||
.DocSearch-Button {
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<div class="navbar navbar-expand-md sticky-top">
|
||||
<div class="navbar navbar-expand sticky-top">
|
||||
<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="d-flex align-items-center gap-4">
|
||||
<a href="/" class="navbar-brand navbar-brand-autodark gap-4">
|
||||
@@ -11,7 +11,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="d-none d-md-block col">
|
||||
<div id="docsearch"></div>
|
||||
</div>
|
||||
<div class="col d-flex">
|
||||
|
||||
Reference in New Issue
Block a user