STEMMechanics/Website
1
0
Fork 0
Code Issues 4 Pull Requests 3 Actions 1 Packages Projects Releases 3 Wiki Activity

fix styling

Browse Source
This commit is contained in:
James Collins
2023-03-01 08:43:21 +10:00
parent ffbe78fdc1
commit 30e51dddd7
1 changed files with 13 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
resources/js/components/SMCarouselSlide.vue
View File

@@ -132,7 +132,7 @@ handleLoad();
color: #fff; color: #fff;
font-size: 200%; font-size: 200%;
max-width: 600px; max-width: 600px;
margin: 0; margin: 0 0 0.5rem 0;
text-shadow: 0 0 8px rgba(0, 0, 0, 1); text-shadow: 0 0 8px rgba(0, 0, 0, 1);
text-align: left; text-align: left;
} }
@@ -163,11 +163,11 @@ handleLoad();
} }
@media only screen and (max-width: 768px) { @media only screen and (max-width: 768px) {
.carousel-slide { .sm-carousel-slide {
.carousel-slide-body { .sm-carousel-slide-body {
padding: 0; padding: 0;
.carousel-slide-content { .sm-carousel-slide-content {
width: 100%; width: 100%;
max-width: 100%; max-width: 100%;
height: 100%; height: 100%;
@@ -176,7 +176,7 @@ handleLoad();
padding-right: 5rem; padding-right: 5rem;
border-radius: 0; border-radius: 0;
.carousel-slide-content-inner { .sm-carousel-slide-content-inner {
overflow: hidden; overflow: hidden;
} }
} }
@@ -185,7 +185,11 @@ handleLoad();
font-size: 120%; font-size: 120%;
} }
.carousel-slide-body-buttons { p {
font-size: 90%;
}
.sm-carousel-slide-body-buttons {
text-align: center; text-align: center;
} }
} }
@@ -193,16 +197,7 @@ handleLoad();
} }
@media only screen and (max-width: 640px) { @media only screen and (max-width: 640px) {
.carousel-slide .carousel-slide-body { .sm-carousel-slide .sm-carousel-slide-body {
padding: 0;
.carousel-slide-content {
margin: 0;
border-radius: 0;
padding: 2rem 4rem 1.5rem;
height: 100%;
}
h3, h3,
p { p {
text-align: center; text-align: center;
@@ -211,8 +206,8 @@ handleLoad();
} }
@media only screen and (max-width: 400px) { @media only screen and (max-width: 400px) {
.carousel-slide .carousel-slide-body { .sm-carousel-slide .sm-carousel-slide-body {
.carousel-slide-content { .sm-carousel-slide-content {
padding-left: 3rem; padding-left: 3rem;
padding-right: 3rem; padding-right: 3rem;
} }