WrenchBoard/WrenchBoardMainSite2025
2
0
Fork 0
Code Issues Pull Requests Releases Activity

slider missing component added

Browse Source
This commit was merged in pull request #24.
This commit is contained in:
victorAnumudu
2024-08-18 07:43:58 +01:00
parent 0c60c31371
commit 3258f97bdc
3 changed files with 97 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/assets/css/main.css
+12 -21
View File
@@ -8641,36 +8641,27 @@ LND PAGE STYLE STARTS HERE
/* -----------Interface_Section-Css-Start FOR HOME IMAGE SLIDERS ----------------- */
/* interface wraper */
.interface_section .screen_slider {
/* .interface_section .screen_slider {
margin-top: 35px;
/* min-height: 520px; */
min-height: 520px;
display: flex;
align-items: center;
} */
.carousel-container{
padding: 120px 0px 50px;
}
/* interface images */
.interface_section .owl-item .screen_frame_img img {
.react-multi-carousel, .slick-slide{
transform: scale(.9);
/* border: 2px solid #000; */
border-radius: 20px;
transition: 1s all;
transition: all 2s;
/* border: 2px solid #000;
margin: 0 auto;
height: 520px;
width: auto;
width: auto; */
}
.interface_section .owl-item.center .screen_frame_img img {
.react-multi-carousel-item--active, .slick-center{
transform: scale(1);
/* border: 3px solid #000; */
/* padding: 5px; */
}
.carousel .slider {
height: auto !important;
width: 300px !important;
transform: scale(.9);
}
.carousel div {
gap: 5px !important;
transition: all 2s;
}