WrenchBoard/WrenchBoardMainSite
2
0
Fork 0
Code Issues Pull Requests 1 Releases Activity

Merge branch 'slider-upgrade' of WrenchBoard/WrenchBoardMainSite into master

Browse Source
This commit is contained in:
Olusesan Ameye
2024-02-16 13:45:39 +00:00
committed by Gogs
parent 5cd0f8106c 9780468013
commit 13173ddb46
4 changed files with 16 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/assets/css/main.css
+2 -2
View File
@@ -8612,7 +8612,7 @@ LND PAGE STYLE STARTS HERE
/* interface images */
.interface_section .owl-item .screen_frame_img img {
transform: scale(.9);
border: 2px solid #000;
/* border: 2px solid #000; */
border-radius: 20px;
transition: 1s all;
margin: 0 auto;
@@ -8622,6 +8622,6 @@ LND PAGE STYLE STARTS HERE
.interface_section .owl-item.center .screen_frame_img img {
transform: scale(1);
border: 3px solid #000;
/* border: 3px solid #000; */
padding: 5px;
}
src/assets/images/slider/new/slider-round-dash2_new-min.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 396 KiB

src/assets/images/slider/new/slider-round-dash3_new-min.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 524 KiB

src/components/HomeOne/FeaturedScreen.js
+14
View File
@@ -4,6 +4,7 @@ import localImgLoad from '../../lib/localImgLoad'
import 'owl.carousel/dist/assets/owl.carousel.css'
import 'owl.carousel/dist/assets/owl.theme.default.css'
import LazyImage from '../../lib/LazyImage'
export default function FeaturedScreen() {
@@ -41,42 +42,55 @@ export default function FeaturedScreen() {
<div className="screen_frame_img">
{/* <img src={localImgLoad('images/slider/slider_1.png')} alt="image" /> */}
<img src={localImgLoad('images/slider/new/slider-round-dash2-min.png')} alt="image" />
{/* <LazyImage src={localImgLoad('images/slider/new/slider-round-dash2-min.png')} alt='slider-image' /> */}
</div>
</div>
<div className="item">
<div className="screen_frame_img">
{/* <img src={localImgLoad('images/slider/slider_2.png')} alt="image" /> */}
<img src={localImgLoad('images/slider/new/slider-round-dash-min.png')} alt="image" />
{/* <LazyImage src={localImgLoad('images/slider/new/slider-round-dash-min.png')} alt='slider-image' /> */}
</div>
</div>
<div className="item">
<div className="screen_frame_img">
{/* <img src={localImgLoad('images/slider/slider_3.png')} alt="image" /> */}
<img src={localImgLoad('images/slider/new/slider-round-famcc-min.png')} alt="image" />
{/* <LazyImage src={localImgLoad('images/slider/new/slider-round-famcc-min.png')} alt='slider-image' /> */}
</div>
</div>
<div className="item">
<div className="screen_frame_img">
{/* <img src={localImgLoad('images/slider/slider_4.png')} alt="image" /> */}
<img src={localImgLoad('images/slider/new/slider-round-famprofile-min.png')} alt="image" />
{/* <LazyImage src={localImgLoad('images/slider/new/slider-round-famprofile-min.png')} alt='slider-image' /> */}
</div>
</div>
<div className="item">
<div className="screen_frame_img">
{/* <img src={localImgLoad('images/slider/slider_5.png')} alt="image" /> */}
<img src={localImgLoad('images/slider/new/slider-round-login-min.png')} alt="image" />
{/* <LazyImage src={localImgLoad('images/slider/new/slider-round-login-min.png')} alt='slider-image' /> */}
</div>
</div>
<div className="item">
<div className="screen_frame_img">
{/* <img src={localImgLoad('images/slider/slider_6.png')} alt="image" /> */}
<img src={localImgLoad('images/slider/new/slider-round-notification-min.png')} alt="image" />
{/* <LazyImage src={localImgLoad('images/slider/new/slider-round-notification-min.png')} alt='slider-image' /> */}
</div>
</div>
<div className="item">
<div className="screen_frame_img">
{/* <img src={localImgLoad('images/slider/slider_7.png')} alt="image" /> */}
<img src={localImgLoad('images/slider/new/slider-round-s1-min.png')} alt="image" />
{/* <LazyImage src={localImgLoad('images/slider/new/slider-round-s1-min.png')} alt='slider-image' /> */}
</div>
</div>
<div className="item">
<div className="screen_frame_img">
<img src={localImgLoad('images/slider/new/slider-round-dash3_new-min.png')} alt="image" />
{/* <LazyImage src={localImgLoad('images/slider/new/slider-round-dash3_new-min.png')} alt='slider-image' /> */}
</div>
</div>
</OwlCarousel>