Title section logo (#63)

* Auth pages styling * FIXIT: CSS conflicts * Change logo * Change title * Add title page icon
Studnia-Software · Oct 13, 2024 · 583666f · 583666f
1 parent 9cb945f
commit 583666f
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 2 deletions.
diff --git a/src/BHC24.Client/src/index.css b/src/BHC24.Client/src/index.css
@@ -45,6 +45,7 @@ body {
   justify-content: center;
   align-items: start;
   width: calc(100vw - var(--scrollbar-width));
+  overflow-x: hidden;
 }
 
 h1,

diff --git a/src/BHC24.Client/src/pages/HomePage/HomePage.tsx b/src/BHC24.Client/src/pages/HomePage/HomePage.tsx
@@ -1,13 +1,13 @@
 import {JSX} from "react";
 import AnimatedMain from "../../components/AnimatedComps/AnimatedMain.tsx";
 import TitleSection from "./TitleSection/TitleSection.tsx";
-import AboutSection from "./AboutSection/AboutSection.tsx";
+// import AboutSection from "./AboutSection/AboutSection.tsx
 
 function HomePage(): JSX.Element {
   return (
     <AnimatedMain>
       <TitleSection/>
-      <AboutSection/>
+      {/*<AboutSection/>*/}
     </AnimatedMain>
   );
 }

diff --git a/src/BHC24.Client/src/pages/HomePage/TitleSection/TitleSection.module.css b/src/BHC24.Client/src/pages/HomePage/TitleSection/TitleSection.module.css
@@ -6,6 +6,18 @@
   align-items: start;
   height: calc(100vh - var(--nav-bar-size));
   gap: 3rem;
+
+  > img {
+    position: absolute;
+    top: 0;
+    right: 0;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    z-index: -1;
+    translate: 50% 0;
+    opacity: 0.1;
+  }
 }
 
 .textCon {

diff --git a/src/BHC24.Client/src/pages/HomePage/TitleSection/TitleSection.tsx b/src/BHC24.Client/src/pages/HomePage/TitleSection/TitleSection.tsx
@@ -3,12 +3,14 @@ import styles from "./TitleSection.module.css";
 import BlurBg from "../../../components/BlurBg/BlurBg.tsx";
 import DisplayButton from "../../../components/Buttons/DisplayButton.tsx";
 import {useNavigate} from "react-router-dom";
+import logo from '/public/logo.png';
 
 function TitleSection(): JSX.Element {
   const navigate = useNavigate()
 
   return (
     <section className={styles.titleSection}>
+      <img src={logo} alt="logo"/>
       <div className={styles.textCon}>
         <BlurBg/>
         <h1><span className={"text"}>Twoje projekty</span><br/>Twoja kariera</h1>