xclele/vue-material-kit
1
0
Fork 0
mirror of https://github.com/creativetimofficial/vue-material-kit.git synced 2025-05-23 04:04:22 +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: () => ({ default: () => ({
route: "https://www.creative-tim.com/product/vue-material-kit", route: "https://www.creative-tim.com/product/vue-material-kit",
color: "bg-gradient-success", color: "bg-gradient-success",
label: "Free Download", label: "Free Download"
}), })
}, },
transparent: { transparent: {
type: Boolean, type: Boolean,
default: false, default: false
}, },
light: { light: {
type: Boolean, type: Boolean,
default: false, default: false
}, },
dark: { dark: {
type: Boolean, type: Boolean,
default: false, default: false
}, },
sticky: { sticky: {
type: Boolean, type: Boolean,
default: false, default: false
}, },
darkText: { darkText: {
type: Boolean, type: Boolean,
default: false, default: false
}, }
}); });
// set arrow color // 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': '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, props.sticky,
'navbar-light bg-white py-3': props.light, '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 <div
@ -113,7 +113,7 @@ watch(
:class="[ :class="[
(props.transparent && textDark.value) || !props.transparent (props.transparent && textDark.value) || !props.transparent
? 'text-dark font-weight-bolder ms-sm-3' ? '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' }" :to="{ name: 'presentation' }"
rel="tooltip" rel="tooltip"
@ -188,13 +188,13 @@ watch(
/> />
</a> </a>
<div <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" aria-labelledby="dropdownMenuPages"
> >
<div class="row d-none d-lg-block"> <div class="row d-none d-lg-block">
<div class="col-12 px-4 py-2"> <div class="col-12 px-4 py-2">
<div class="row"> <div class="row">
<div class="col-4 position-relative"> <div class="position-relative">
<div <div
class="dropdown-header text-dark font-weight-bolder d-flex align-items-center px-1" class="dropdown-header text-dark font-weight-bolder d-flex align-items-center px-1"
> >