add search page
This commit is contained in:
parent
4c2f96ea6b
commit
86c54f1bb7
13 changed files with 72 additions and 31 deletions
1
public/build/assets/app-BQh1oHV0.css
Normal file
1
public/build/assets/app-BQh1oHV0.css
Normal file
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -1,4 +1,4 @@
|
||||||
/*!
|
/*!
|
||||||
* Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
|
* Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
|
||||||
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
||||||
*/.fa,.fas,.far{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}@keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fa-database:before{content:""}.fa-expand:before{content:""}.fa-expand-alt:before{content:""}.fa-expand-arrows-alt:before{content:""}.fa-eye:before{content:""}.fa-paper-plane:before{content:""}.fa-play:before{content:""}.fa-play-circle:before{content:""}.fa-playstation:before{content:""}.fa-search:before{content:""}.fa-search-dollar:before{content:""}.fa-search-location:before{content:""}.fa-search-minus:before{content:""}.fa-search-plus:before{content:""}.fa-searchengin:before{content:""}.fa-star:before{content:""}.fa-unlock:before{content:""}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:block;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-brands-400.eot);src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-brands-400.woff2) format("woff2"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-brands-400.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-brands-400.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-brands-400.svg#fontawesome) format("svg")}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:block;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-regular-400.eot);src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-regular-400.woff2) format("woff2"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-regular-400.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-regular-400.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-family:"Font Awesome 5 Free";font-weight:400}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-solid-900.eot);src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-solid-900.woff2) format("woff2"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-solid-900.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-solid-900.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.fas{font-family:"Font Awesome 5 Free";font-weight:900}
|
*/.fa,.fas,.far{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}@keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fa-book-open:before{content:""}.fa-box-open:before{content:""}.fa-cloud-showers-heavy:before{content:""}.fa-database:before{content:""}.fa-door-open:before{content:""}.fa-envelope-open:before{content:""}.fa-envelope-open-text:before{content:""}.fa-expand:before{content:""}.fa-expand-alt:before{content:""}.fa-expand-arrows-alt:before{content:""}.fa-eye:before{content:""}.fa-folder-open:before{content:""}.fa-frown-open:before{content:""}.fa-lock-open:before{content:""}.fa-opencart:before{content:""}.fa-openid:before{content:""}.fa-paper-plane:before{content:""}.fa-play:before{content:""}.fa-play-circle:before{content:""}.fa-playstation:before{content:""}.fa-search:before{content:""}.fa-search-dollar:before{content:""}.fa-search-location:before{content:""}.fa-search-minus:before{content:""}.fa-search-plus:before{content:""}.fa-searchengin:before{content:""}.fa-shower:before{content:""}.fa-star:before{content:""}.fa-teeth-open:before{content:""}.fa-unlock:before{content:""}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:block;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-brands-400.eot);src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-brands-400.woff2) format("woff2"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-brands-400.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-brands-400.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-brands-400.svg#fontawesome) format("svg")}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:block;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-regular-400.eot);src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-regular-400.woff2) format("woff2"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-regular-400.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-regular-400.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-family:"Font Awesome 5 Free";font-weight:400}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-solid-900.eot);src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-solid-900.woff2) format("woff2"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-solid-900.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-solid-900.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.fas{font-family:"Font Awesome 5 Free";font-weight:900}
|
||||||
|
|
File diff suppressed because one or more lines are too long
|
@ -1 +0,0 @@
|
||||||
.hero__slider .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.hero__slider .movie-slide{padding-top:50px;padding-bottom:50px;position:relative;z-index:1;min-height:695px;display:flex!important;flex-wrap:wrap;align-items:center;height:695px}.hero__slider .movie-slide:before{height:695px}@media (max-width: 1199px){.hero__slider .movie-slide{height:600px}}@media (max-width: 991px){.hero__slider .movie-slide{height:450px}}@media (max-width: 767px){.hero__slider .movie-slide{height:400px}}@media (max-width: 575px){.hero__slider .movie-slide{height:290px}}@media (max-width: 400px){.hero__slider .movie-slide{height:195px}}
|
|
1
public/build/assets/home-DrDojpTT.css
Normal file
1
public/build/assets/home-DrDojpTT.css
Normal file
|
@ -0,0 +1 @@
|
||||||
|
.hero__slider .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.hero__slider .movie-slide{padding-top:50px;padding-bottom:50px;position:relative;z-index:1;display:flex!important;flex-wrap:wrap;align-items:center;height:695px}.hero__slider .movie-slide:before{height:695px}@media (max-width: 1199px){.hero__slider .movie-slide{height:600px}}@media (max-width: 991px){.hero__slider .movie-slide{height:450px}}@media (max-width: 767px){.hero__slider .movie-slide{height:400px}}@media (max-width: 575px){.hero__slider .movie-slide{height:290px}}@media (max-width: 400px){.hero__slider .movie-slide{height:195px}}
|
File diff suppressed because one or more lines are too long
|
@ -36,7 +36,7 @@
|
||||||
"isEntry": true
|
"isEntry": true
|
||||||
},
|
},
|
||||||
"resources/scss/app.scss": {
|
"resources/scss/app.scss": {
|
||||||
"file": "assets/app-eEoWVkwA.css",
|
"file": "assets/app-BQh1oHV0.css",
|
||||||
"src": "resources/scss/app.scss",
|
"src": "resources/scss/app.scss",
|
||||||
"isEntry": true
|
"isEntry": true
|
||||||
},
|
},
|
||||||
|
@ -51,7 +51,7 @@
|
||||||
"isEntry": true
|
"isEntry": true
|
||||||
},
|
},
|
||||||
"resources/scss/home.scss": {
|
"resources/scss/home.scss": {
|
||||||
"file": "assets/home-DeVdxQxW.css",
|
"file": "assets/home-DrDojpTT.css",
|
||||||
"src": "resources/scss/home.scss",
|
"src": "resources/scss/home.scss",
|
||||||
"isEntry": true
|
"isEntry": true
|
||||||
},
|
},
|
||||||
|
|
|
@ -13,6 +13,15 @@ $link-decoration: none;
|
||||||
$enable-dark-mode: false;
|
$enable-dark-mode: false;
|
||||||
// // @import "~bootstrap/scss/variables_dark";
|
// // @import "~bootstrap/scss/variables_dark";
|
||||||
$card-color: rgb(240, 255, 255);
|
$card-color: rgb(240, 255, 255);
|
||||||
|
$navbar-toggler-padding-y: 0;
|
||||||
|
$navbar-toggler-padding-x: 0;
|
||||||
|
$navbar-toggler-font-size: 1.5rem;
|
||||||
|
$navbar-toggler-border-radius: 0;
|
||||||
|
$navbar-toggler-focus-width: 0;
|
||||||
|
$navbar-toggler-transition: none;
|
||||||
|
|
||||||
|
$navbar-light-toggler-border-color: none;
|
||||||
|
$navbar-dark-toggler-border-color: none;
|
||||||
// // remove from map
|
// // remove from map
|
||||||
$theme-colors: map-remove($theme-colors, "info", "light", "dark", "pink", "danger", "success", "orange");
|
$theme-colors: map-remove($theme-colors, "info", "light", "dark", "pink", "danger", "success", "orange");
|
||||||
@import "bootstrap/scss/maps";
|
@import "bootstrap/scss/maps";
|
||||||
|
|
|
@ -38,13 +38,15 @@
|
||||||
// z-index: -10;
|
// z-index: -10;
|
||||||
// }
|
// }
|
||||||
|
|
||||||
.header .main-menu li a:hover, .header .main-menu li a:focus {
|
// .header .main-menu li a:hover, .header .main-menu li a:focus {
|
||||||
color: $primary;
|
// @media ('hover') {
|
||||||
}
|
// color: $primary;
|
||||||
.header .main-menu li .sub-menu {
|
// }
|
||||||
background-color: $secondary;
|
// }
|
||||||
border-top: 2px solid $primary;
|
// .header .main-menu li .sub-menu {
|
||||||
}
|
// background-color: lighten($secondary, 10);
|
||||||
|
// border-top: 2px solid $primary;
|
||||||
|
// }
|
||||||
.header-search-form button {
|
.header-search-form button {
|
||||||
background-color: $primary;
|
background-color: $primary;
|
||||||
}
|
}
|
||||||
|
|
|
@ -173,8 +173,8 @@
|
||||||
|
|
||||||
.header .main-menu li.menu_has_children > a::before {
|
.header .main-menu li.menu_has_children > a::before {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
content: "\f107";
|
content: "\f0d7";
|
||||||
font-family: "Font Awesome 5 Free";
|
font-family: "Line Awesome Free";
|
||||||
font-weight: 900;
|
font-weight: 900;
|
||||||
top: 0;
|
top: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
|
@ -186,17 +186,39 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 1199px) {
|
@media (max-width: 1199px) {
|
||||||
.header .main-menu li.menu_has_children > a::before {
|
.header .main-menu li.menu_has_children {
|
||||||
|
// background-color: lighten($primary, 10);
|
||||||
|
> a {
|
||||||
|
&::before {
|
||||||
display: block;
|
display: block;
|
||||||
top: 9px;
|
top: 9px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
> span > i {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.header .main-menu li.menu_has_children:hover > a::before {
|
.header .navbar-toggler {
|
||||||
|
&:not(.collapsed) {
|
||||||
|
color: $primary;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.header .main-menu li.menu_has_children.open > a {
|
||||||
|
color: $primary;
|
||||||
|
|
||||||
|
&::before {
|
||||||
-webkit-transform: rotate(180deg);
|
-webkit-transform: rotate(180deg);
|
||||||
-ms-transform: rotate(180deg);
|
-ms-transform: rotate(180deg);
|
||||||
transform: rotate(180deg);
|
transform: rotate(180deg);
|
||||||
color: #ee005f;
|
color: $primary;
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.header .main-menu li a {
|
.header .main-menu li a {
|
||||||
|
@ -217,18 +239,20 @@
|
||||||
|
|
||||||
.header .main-menu li a:hover,
|
.header .main-menu li a:hover,
|
||||||
.header .main-menu li a:focus {
|
.header .main-menu li a:focus {
|
||||||
color: #ee005f;
|
@media ('hover') {
|
||||||
|
color: $primary;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.header .main-menu li .sub-menu {
|
.header .main-menu li .sub-menu {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 220px;
|
width: auto;
|
||||||
top: 105%;
|
top: 105%;
|
||||||
left: -20px;
|
left: -20px;
|
||||||
z-index: 9999;
|
z-index: 9999;
|
||||||
background-color: $primary;
|
background-color: lighten($secondary, 2);
|
||||||
padding: 10px 0;
|
padding: 10px 0;
|
||||||
border-top: 2px solid #ee005f;
|
border-top: 2px solid darken($primary, 10);
|
||||||
-webkit-box-shadow: 0px 18px 54px -8px rgba(0, 0, 0, 0.15);
|
-webkit-box-shadow: 0px 18px 54px -8px rgba(0, 0, 0, 0.15);
|
||||||
box-shadow: 0px 18px 54px -8px rgba(0, 0, 0, 0.15);
|
box-shadow: 0px 18px 54px -8px rgba(0, 0, 0, 0.15);
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
|
@ -241,8 +265,12 @@
|
||||||
transition: all 0.3s;
|
transition: all 0.3s;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
border-top: 2px solid #ffffff;
|
|
||||||
z-index: 9;
|
z-index: 9;
|
||||||
|
column-count: 2;
|
||||||
|
column-gap: 0px;
|
||||||
|
li {
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 1199px) {
|
@media (max-width: 1199px) {
|
||||||
|
@ -255,6 +283,8 @@
|
||||||
-o-transition: none;
|
-o-transition: none;
|
||||||
transition: none;
|
transition: none;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
background-color: lighten($secondary, 5);
|
||||||
|
column-count: 1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -12,7 +12,7 @@
|
||||||
padding-bottom: 50px;
|
padding-bottom: 50px;
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
min-height: 695px;
|
// min-height: 695px;
|
||||||
display: flex!important;
|
display: flex!important;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
|
@ -47,7 +47,7 @@ export default defineConfig({
|
||||||
templates: ['blade'],
|
templates: ['blade'],
|
||||||
safelist: {
|
safelist: {
|
||||||
deep: [/dropdown-menu$/, /navbar$/],
|
deep: [/dropdown-menu$/, /navbar$/],
|
||||||
greedy: [/loaded/, /la-(long|facebook|linkedin|twitter|pinterest|plus-circle)/, /fa-(search|play)/, /show$/, /collapsing$/, /aos/, /data/, /reveal/, /show-filters/, /modal/, /collapsed/, /expand/, /slideout/, /^navbar/, /collapse/, /slick/, /prev/, /next/, /animated/, /menu-fixed/, /fadeInDown/]
|
greedy: [/loaded/, /la-(long|facebook|linkedin|twitter|pinterest|plus-circle)/, /fa-(search|play)/, /show$/, /collapsing$/, /aos/, /data/, /reveal/, /show-filters/, /modal/, /collapsed/, /expand/, /slideout/, /^navbar/, /collapse/, /slick/, /prev/, /next/, /animated/, /menu-fixed/, /fadeInDown/, /open/, /show/]
|
||||||
},
|
},
|
||||||
})
|
})
|
||||||
],
|
],
|
||||||
|
|
Loading…
Reference in a new issue