add search page

This commit is contained in:
Constantin Plaiasu 2024-08-28 02:37:08 +03:00
parent 4c2f96ea6b
commit 86c54f1bb7
13 changed files with 72 additions and 31 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -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

View file

@ -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}}

View 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

View file

@ -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
}, },

View file

@ -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";

View file

@ -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;
} }

View file

@ -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 {
display: block; // background-color: lighten($primary, 10);
top: 9px; > a {
&::before {
display: block;
top: 9px;
}
}
> span > i {
display: none;
}
}
.header .navbar-toggler {
&:not(.collapsed) {
color: $primary;
}
} }
} }
.header .main-menu li.menu_has_children:hover > a::before {
-webkit-transform: rotate(180deg); .header .main-menu li.menu_has_children.open > a {
-ms-transform: rotate(180deg); color: $primary;
transform: rotate(180deg);
color: #ee005f; &::before {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
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;
} }
} }

View file

@ -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;

View file

@ -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/]
}, },
}) })
], ],