KK
/
customer-dashboard
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

center and border radius

master
alex 2024-02-24 23:29:48 +01:00
parent dcbd240cf4
commit 284e76815c
1 changed files with 16 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/Pages/Dashboard/index.js
View File

@ -1,4 +1,4 @@
import { Card, Spin } from "antd"; import { Card, Flex, Spin } from "antd";
import { useState } from "react"; import { useState } from "react";
import MyCenteredContainer from "../../Components/MyContainer"; import MyCenteredContainer from "../../Components/MyContainer";
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
@ -11,22 +11,25 @@ export default function Dashboard() {
return ( return (
<Card title={t("dashboard.pageTitle")}> <Card title={t("dashboard.pageTitle")}>
{isLoading && ( {isLoading && (
<MyCenteredContainer fullHeight height={616}> <MyCenteredContainer fullHeight height={800}>
<Spin size="large" /> <Spin size="large" />
</MyCenteredContainer> </MyCenteredContainer>
)} )}
<iframe <Flex justify="center">
src={process.env.REACT_APP_DASHBOARD_INTRODUCTION_VIDEO} <iframe
onLoad={() => setIsLoading(false)} src={process.env.REACT_APP_DASHBOARD_INTRODUCTION_VIDEO}
width={1096} onLoad={() => setIsLoading(false)}
height={616} width="100%"
style={{ height={800}
border: "none", style={{
zIndex: 2, border: "none",
display: isLoading ? "none" : "block", zIndex: 2,
}} display: isLoading ? "none" : "block",
/> borderRadius: 12,
}}
/>
</Flex>
</Card> </Card>
); );
} }