xclele/vue-material-kit
1
0
Fork 0
mirror of https://github.com/creativetimofficial/vue-material-kit.git synced 2025-05-22 19:44:21 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

update navbar

Browse Source
This commit is contained in:
sajadevo 2022-08-19 12:50:17 +04:30
parent ec909ae843
commit 6cdb75adca
1 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/examples/navbars/NavbarDefault.vue
View File

@ -17,29 +17,29 @@ const props = defineProps({
default: () => ({
route: "https://www.creative-tim.com/product/vue-material-kit",
color: "bg-gradient-success",
label: "Free Download",
}),
label: "Free Download"
})
},
transparent: {
type: Boolean,
default: false,
default: false
},
light: {
type: Boolean,
default: false,
default: false
},
dark: {
type: Boolean,
default: false,
default: false
},
sticky: {
type: Boolean,
default: false,
default: false
},
darkText: {
type: Boolean,
default: false,
},
default: false
}
});
// set arrow color
@ -98,7 +98,7 @@ watch(
'my-3 blur border-radius-lg z-index-3 py-2 shadow py-2 start-0 end-0 mx-4 position-absolute mt-4':
props.sticky,
'navbar-light bg-white py-3': props.light,
' navbar-dark bg-gradient-dark z-index-3 py-3': props.dark,
' navbar-dark bg-gradient-dark z-index-3 py-3': props.dark
}"
>
<div
@ -113,7 +113,7 @@ watch(
:class="[
(props.transparent && textDark.value) || !props.transparent
? 'text-dark font-weight-bolder ms-sm-3'
: 'text-white font-weight-bolder ms-sm-3',
: 'text-white font-weight-bolder ms-sm-3'
]"
:to="{ name: 'presentation' }"
rel="tooltip"
@ -188,13 +188,13 @@ watch(
/>
</a>
<div
class="dropdown-menu dropdown-menu-animation ms-n3 dropdown-xl p-3 border-radius-xl mt-0 mt-lg-3"
class="dropdown-menu dropdown-menu-animation ms-n3 dropdown-md p-3 border-radius-xl mt-0 mt-lg-3"
aria-labelledby="dropdownMenuPages"
>
<div class="row d-none d-lg-block">
<div class="col-12 px-4 py-2">
<div class="row">
<div class="col-4 position-relative">
<div class="position-relative">
<div
class="dropdown-header text-dark font-weight-bolder d-flex align-items-center px-1"
>