Skip to content

responsive fix #162

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
RidhamRj merged 6 commits into from
Jan 10, 2025
Merged

responsive fix #162

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
932a35f
made some ui adjustments on homepage
RidhamRj Dec 24, 2024
e91146a
tried smthing with responsiveness
RidhamRj Jan 7, 2025
80715d1
fixed merge conflicts
RidhamRj Jan 8, 2025
bfc4cef
finalslight responsive fix ig
RidhamRj Jan 10, 2025
a0481ef
fixed everything ig
RidhamRj Jan 10, 2025
235e492
fixed prolly
RidhamRj Jan 10, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 1 addition & 2 deletions Frontend/src/App.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,8 +19,7 @@ import NavConsole from "./components/ui/nav/NavConsole";
const App = () => {
return (
<div className="overflow-hidden no-scrollbar">
{/* {/* <Body/> */}
{/* <Login/> */} */}
{/* <Body/> */}
{/* <DashBoard/> */}
<Homepage/>
{/* <AccountCenter /> */}
Expand Down
2 changes: 1 addition & 1 deletion Frontend/src/components/homepage/GameCard.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import { Bgmi } from "../ui/Cards/Bgmi"

export const GameCard = (props) => {
return <div className=" w-[20%] h-[80%] ">
return <div className=" w-auto h-[100%] ">
{props.card}
</div>
}
4 changes: 2 additions & 2 deletions Frontend/src/components/homepage/Hero.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -57,8 +57,8 @@ export default function Hero(props) {
</div>
</section>
{/* card */}
<section className="mt-4 w-[90vw] no-scrollbar overflow-x-scroll ">
<div className="flex h-[49vh] justify-between w-[98vw] overflow-hidden">
<section className="mt-4 h-[45%] w-[110%] no-scrollbar overflow-x-scroll ">
<div className="flex items-center h-[100%] justify-between w-[110%] overflow-hidden ">
<GameCard card={<Bgmi/>}/>
<GameCard card={<Codm/>}/>
<GameCard card={<Valo/>} />
Expand Down
2 changes: 1 addition & 1 deletion Frontend/src/components/homepage/Homepage.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ import Hero from "./Hero";

const Homepage = () => {
return (
<div className="h-[110vh] w-[100vw] overflow-x-hidden overflow-y-scroll relative no-scrollbar ">
<div className="h-[100vh] w-[100vw] overflow-hidden relative no-scrollbar ">
<div className="bg w-[100vw] h-[100vh] -z-10 bg-[#010101eb] no-scrollbar fixed top-0 l-0">
<img
className="w-[100vw] h-[100vh] object-cover object-top "
Expand Down
2 changes: 1 addition & 1 deletion Frontend/src/components/ui/Cards/Freefire.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -557,7 +557,7 @@ export const Freefire = () => {
<clipPath id="clip0_595_574">
<rect width="320" height="380" rx="30" fill="white" />
</clipPath>
<image
<img
id="image0_595_574"
width="387"
height="640"
Expand Down
4 changes: 2 additions & 2 deletions Frontend/src/components/ui/nav/NavConsole.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,8 +2,8 @@ import navConsole from "../../../assets/navConsole.svg";
import { TeamLogo } from "../svg/TeamLogo";
const NavConsole = (props) => {
return (
<div className=" h-[100%] w-[100%] p-2 bg-[#151313c5] clip-path-navConsole relative flex items-center justify-between ">
<div className="flex items-center justify-between w-full m-6 ">
<div className=" h-[100%] w-[100%] p-[1%] bg-[#151313c5] clip-path-navConsole relative flex items-center justify-center ">
<div className="flex items-center justify-between w-[90%] ">
<div className=" cursor-pointer">
<TeamLogo/>
</div>
Expand Down
2 changes: 1 addition & 1 deletion Frontend/src/components/ui/nav/UpperNav.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ const UpperNav = (props) => {
<div className="w-[12%]">
<Logo/>
</div>
<div className="relative w-[30%] z-10">
<div className="relative h-[6vh] w-[30%] z-10">
<NavConsole name="Homepage" />
</div>
<div className=" w-[11%] flex justify-between items-center z-10">
Expand Down