fix genre icon

This commit is contained in:
Constantin Plaiasu 2024-09-02 13:17:56 +03:00
parent 49bbecfe2d
commit ac2c8f9952
5 changed files with 12 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

@ -36,7 +36,7 @@
"isEntry": true "isEntry": true
}, },
"resources/scss/app.scss": { "resources/scss/app.scss": {
"file": "assets/app-C_0m-xEp.css", "file": "assets/app-Ohoi9Gxh.css",
"src": "resources/scss/app.scss", "src": "resources/scss/app.scss",
"isEntry": true "isEntry": true
}, },

View file

@ -171,34 +171,14 @@
} }
} }
.header .main-menu li.menu_has_children > a::before {
position: absolute; @media (max-width: 1199px) {
content: "\f0d7"; .header .main-menu li.menu_has_children a > .si {
font-family: "Line Awesome Free";
font-weight: 900;
top: 0;
right: 0;
color: #ffffff;
-webkit-transition: all 0.3s; -webkit-transition: all 0.3s;
-o-transition: all 0.3s; -o-transition: all 0.3s;
transition: all 0.3s; transition: all 0.3s;
display: none;
}
@media (max-width: 1199px) {
.header .main-menu li.menu_has_children {
// background-color: lighten($primary, 10);
> a {
&::before {
display: block;
top: 9px;
} }
}
> span > i {
display: none;
}
}
.header .navbar-toggler { .header .navbar-toggler {
&:not(.collapsed) { &:not(.collapsed) {
@ -212,11 +192,12 @@
.header .main-menu li.menu_has_children.open > a { .header .main-menu li.menu_has_children.open > a {
color: $primary; color: $primary;
&::before { .si {
-webkit-transform: rotate(180deg); -webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg); -ms-transform: rotate(180deg);
transform: rotate(180deg); transform: rotate(180deg);
color: $primary; color: $primary;
transition: all 0.3s;
} }
} }

View file

@ -19,12 +19,12 @@
<li><a href="{{route('movies')}}">Movies</a></li> <li><a href="{{route('movies')}}">Movies</a></li>
<li><a href="{{route('shows')}}">Series</a></li> <li><a href="{{route('shows')}}">Series</a></li>
<li class="menu_has_children"> <li class="menu_has_children">
<a href="javascript:void(0);">Genres</a> <a href="javascript:void(0);" class="d-flex flex-row justify-content-between align-items-baseline gap-1">Genres
<span><i>
<svg class="si"> <svg class="si">
<use href="#si-caret-down"></use> <use href="#si-caret-down"></use>
</svg> </svg>
</i></span> </a>
<ul class="sub-menu"> <ul class="sub-menu">
@foreach(Helpers::getMovieGenreList() as $genre) @foreach(Helpers::getMovieGenreList() as $genre)
<li><a href="{{route('movies.genre', ['genre' => $genre->slug])}}">{{$genre->name}}</a></li> <li><a href="{{route('movies.genre', ['genre' => $genre->slug])}}">{{$genre->name}}</a></li>