logos-storage/logos-storage-marketplace-ui
1
0
Fork 0
mirror of https://github.com/logos-storage/logos-storage-marketplace-ui.git synced 2026-01-07 16:03:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix welcome background position

Browse Source
This commit is contained in:
Arnaud 2024-11-04 16:40:24 +01:00
parent a27cfb6bc5
commit 0aafc0da30
No known key found for this signature in database
GPG Key ID: 69D6CE281FCAE663
1 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/Welcome/WelcomeCard.tsx
View File

@ -7,6 +7,7 @@ import { DiscordIcon } from "./DiscordIcon";
import { Alert } from "@codex-storage/marketplace-ui-components"; import { Alert } from "@codex-storage/marketplace-ui-components";
import { AlertIcon } from "../AlertIcon/AlertIcon"; import { AlertIcon } from "../AlertIcon/AlertIcon";
import { useEffect, useRef } from "react"; import { useEffect, useRef } from "react";
import { classnames } from "../../utils/classnames";
export function WelcomeCard() { export function WelcomeCard() {
const ref = useRef<HTMLDivElement>(null); const ref = useRef<HTMLDivElement>(null);
@ -32,8 +33,15 @@ export function WelcomeCard() {
}; };
}, [ref.current]); }, [ref.current]);
const clientWidth = ref.current?.clientWidth || 0;
return ( return (
<div className="welcome-card card" ref={ref}> <div
className={classnames(
["welcome-card card"],
["welcome-card card--tiny", clientWidth <= 800]
)}
ref={ref}>
<div className="card"> <div className="card">
<header> <header>
<div> <div>