diff --git a/public/config/default.json b/public/config/default.json index 6eea71170ea067368e3863ecd2a3f3ada1f9a743..084ddc33f511ec4b9fd625045267fb9475938709 100644 --- a/public/config/default.json +++ b/public/config/default.json @@ -39,7 +39,7 @@ "x": 9, "y": 0, "w": 16, - "h": 4 + "h": 3 }, "config": { "gremien": [ @@ -71,7 +71,7 @@ "type": "callout", "position": { "x": 9, - "y": 4, + "y": 3, "w": 16, "h": 2 }, @@ -85,9 +85,9 @@ "type": "mensaplan", "position": { "x": 9, - "y": 6, + "y": 5, "w": 16, - "h": 7 + "h": 8 }, "config": { "canteenId": 341, diff --git a/src/panels/Gremium/GremiumPanel.tsx b/src/panels/Gremium/GremiumPanel.tsx index 265fe088a5b4d25ddf67275ffabb598e55b9b91c..34711c218ca7f6343ee24bef08029ccc63d3bd2d 100644 --- a/src/panels/Gremium/GremiumPanel.tsx +++ b/src/panels/Gremium/GremiumPanel.tsx @@ -38,13 +38,10 @@ const GremiumPanel = (props: {definition: GremiumPanelDefinition}) => { return ( <PanelWrapper> - <PanelTitle title={gremium.name}/> + <PanelTitle title={"Als nächstes im CZI"}/> <PanelContent> - <div className={"relative h-full"}> - <div className={"absolute -top-12 right-0 p-1 bg-white rounded"}> - <QRCode value={gremium.link} className={"h-24 w-24"}/> - </div> - <div className={"absolute bottom-0"}> + <div className={"flex flex-row"}> + <div className={"flex-1"}> <p>{gremium.description}</p> <p className={"text-sm text-gray-400"}> <Clock size={20} className={"inline mb-1.5 mr-1"}/> @@ -55,6 +52,14 @@ const GremiumPanel = (props: {definition: GremiumPanelDefinition}) => { {gremium.location} </p> </div> + <div className={""}> + <QRCode + value={gremium.link} + className={"h-24 w-24"} + fgColor={"#ffffff"} + bgColor={"#18181b"} + /> + </div> </div> </PanelContent> </PanelWrapper>