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

11
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>
)} )}
<Flex justify="center">
<iframe <iframe
src={process.env.REACT_APP_DASHBOARD_INTRODUCTION_VIDEO} src={process.env.REACT_APP_DASHBOARD_INTRODUCTION_VIDEO}
onLoad={() => setIsLoading(false)} onLoad={() => setIsLoading(false)}
width={1096} width="100%"
height={616} height={800}
style={{ style={{
border: "none", border: "none",
zIndex: 2, zIndex: 2,
display: isLoading ? "none" : "block", display: isLoading ? "none" : "block",
borderRadius: 12,
}} }}
/> />
</Flex>
</Card> </Card>
); );
} }