psmattas/Netflix-Clone
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updated slide styles

Browse Source
This commit is contained in:
andres alcocer
2021-10-08 20:11:44 -04:00
parent 48dad9f32b
commit 8fcbe7adaa
1 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/static/sass/components/_movieShowcase.scss
View File

@@ -1,7 +1,7 @@
// Override swiper styles // Override swiper styles
.swiper-pagination { .swiper-pagination {
top: 0 !important; top: 0 !important;
height: 2rem !important; height: 1rem !important;
text-align: right !important; text-align: right !important;
} }
@@ -12,6 +12,7 @@
.swiper-horizontal > .swiper-pagination-bullets, .swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal { .swiper-pagination-bullets.swiper-pagination-horizontal {
width: 97.5% !important; width: 97.5% !important;
height: 1px !important;
} }
.swiper-container-horizontal > .swiper-pagination-bullets { .swiper-container-horizontal > .swiper-pagination-bullets {
@@ -39,7 +40,7 @@ div.swiper-button-next {
opacity: 0.3 !important; opacity: 0.3 !important;
&:hover { &:hover {
transform: scale(1.4) !important; transform: scale(1.3) !important;
opacity: 1 !important; opacity: 1 !important;
@include responsive(tab_port) { @include responsive(tab_port) {
@@ -54,8 +55,11 @@ div.swiper-button-next {
color: #fff; color: #fff;
&__heading { &__heading {
margin-bottom: 0; position: relative;
top: 3rem;
// margin: 0;
padding-left: 4rem; padding-left: 4rem;
font-weight: 500;
} }
&__container::-webkit-scrollbar { &__container::-webkit-scrollbar {