From b8f413c15dce6ae93a9effa780f3a8f0e7a00841 Mon Sep 17 00:00:00 2001 From: Aloento <11802769+Aloento@users.noreply.github.com> Date: Fri, 26 Jan 2024 20:55:09 +0100 Subject: [PATCH] Update Banner component with Dialog functionality --- src/Pages/Gallery/Banner.tsx | 40 ++++++++++++++++++++++++++++-------- 1 file changed, 32 insertions(+), 8 deletions(-) diff --git a/src/Pages/Gallery/Banner.tsx b/src/Pages/Gallery/Banner.tsx index c944d2b..f0c1b75 100644 --- a/src/Pages/Gallery/Banner.tsx +++ b/src/Pages/Gallery/Banner.tsx @@ -1,4 +1,4 @@ -import { Button, Divider, Image, LargeTitle, Text, makeStyles, shorthands, tokens } from "@fluentui/react-components"; +import { Button, Dialog, DialogBody, DialogContent, DialogSurface, DialogTitle, DialogTrigger, Divider, Image, LargeTitle, Text, makeStyles, shorthands, tokens } from "@fluentui/react-components"; import { useRefEffect } from "@fluentui/react-hooks"; import Typed from "typed.js"; import { ColFlex, Cover, Flex } from "~/Helpers/Styles"; @@ -42,14 +42,14 @@ const useStyles = makeStyles({ rowGap: tokens.spacingVerticalXL, }, white: { - color: "white" + color: "white !important" } }); /** * @author Aloento * @since 1.3.5 - * @version 1.0.0 + * @version 1.5.0 */ export function Banner() { const style = useStyles(); @@ -105,11 +105,35 @@ export function Banner() { It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. -