From e78561c93fc0e04fb61816b0c8d79c912a11c0ee Mon Sep 17 00:00:00 2001 From: victorAnumudu Date: Thu, 1 Feb 2024 07:54:48 +0100 Subject: [PATCH] slider section implemented --- public/index.html | 4 ++++ public/manifest.json | 10 ---------- src/assets/css/main.css | 8 ++++++-- src/components/HomeOne/FeaturedScreen.js | 3 +++ 4 files changed, 13 insertions(+), 12 deletions(-) diff --git a/public/index.html b/public/index.html index 0b94eb1..67a79f7 100755 --- a/public/index.html +++ b/public/index.html @@ -115,4 +115,8 @@ s.parentNode.insertBefore(po, s); })(); + + + + diff --git a/public/manifest.json b/public/manifest.json index 080d6c7..1f2f141 100644 --- a/public/manifest.json +++ b/public/manifest.json @@ -6,16 +6,6 @@ "src": "favicon.ico", "sizes": "64x64 32x32 24x24 16x16", "type": "image/x-icon" - }, - { - "src": "logo192.png", - "type": "image/png", - "sizes": "192x192" - }, - { - "src": "logo512.png", - "type": "image/png", - "sizes": "512x512" } ], "start_url": ".", diff --git a/src/assets/css/main.css b/src/assets/css/main.css index 6febcd1..0955cf5 100755 --- a/src/assets/css/main.css +++ b/src/assets/css/main.css @@ -8602,7 +8602,9 @@ LND PAGE STYLE STARTS HERE /* interface wraper */ .interface_section .screen_slider { margin-top: 35px; - min-height: 720px; + /* min-height: 520px; */ + display: flex; + align-items: center; } /* interface images */ @@ -8612,10 +8614,12 @@ LND PAGE STYLE STARTS HERE border-radius: 20px; transition: 1s all; margin: 0 auto; + height: 520px; + width: auto; } .interface_section .owl-item.center .screen_frame_img img { transform: scale(1); border: 3px solid #000; - + padding: 5px; } \ No newline at end of file diff --git a/src/components/HomeOne/FeaturedScreen.js b/src/components/HomeOne/FeaturedScreen.js index 1b7c560..ba182d8 100644 --- a/src/components/HomeOne/FeaturedScreen.js +++ b/src/components/HomeOne/FeaturedScreen.js @@ -2,6 +2,9 @@ import React from 'react' import OwlCarousel from 'react-owl-carousel' import localImgLoad from '../../lib/localImgLoad' +import 'owl.carousel/dist/assets/owl.carousel.css' +import 'owl.carousel/dist/assets/owl.theme.default.css' + export default function FeaturedScreen() { const screen_slider = {