Karimaldeen/dm-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix home style

Browse Source
This commit is contained in:
Moaz Dawalibi 2024-06-22 12:29:34 +03:00
parent e8ee03dfd3
commit 949f8de235
2 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/Components/Home/BoseHeadphones.tsx
View File

@ -1,5 +1,6 @@
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
import { RiArrowRightUpFill } from "react-icons/ri"; import { RiArrowRightUpFill } from "react-icons/ri";
import { Link } from "react-router-dom";
const BoseHeadphones = () => { const BoseHeadphones = () => {
const {t} = useTranslation(); const {t} = useTranslation();
@ -9,10 +10,12 @@ const BoseHeadphones = () => {
<div> <div>
<h6>{t("Bose Headphones")}</h6> <h6>{t("Bose Headphones")}</h6>
<h1>{t("Smarter than your average headphones")}</h1> <h1>{t("Smarter than your average headphones")}</h1>
<button className="button"> <Link to="/categories" >
{t("Shop now")} <button className="button">
<RiArrowRightUpFill /> {t("Shop now")}
</button> <RiArrowRightUpFill />
</button>
</Link>
</div> </div>
</div> </div>
); );

7
src/Styles/Page/Home.scss
View File

@ -10,8 +10,8 @@
&::after { &::after {
position: absolute; position: absolute;
content: ""; content: "";
right: 0;
top: 0; top: 0;
right: 0;
background: url("../../../public/Home/HeroShape.svg"); background: url("../../../public/Home/HeroShape.svg");
background-size: cover; background-size: cover;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -545,6 +545,11 @@
.home_page{ .home_page{
.HeroSection { .HeroSection {
&::after{
scale: -1;
right: auto;
left: 0 !important;
}
> div { > div {
display: flex; display: flex;
flex-direction: column; flex-direction: column;