From bf2244910617c9f83c0204969a1c70aa5ef65dce Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Niklas=20Schr=C3=B6tler?= <niklas@allround.digital>
Date: Wed, 20 Dec 2023 13:29:46 +0100
Subject: [PATCH] GremiumPanel Slight styling tweaks and temp. integrated in
default
---
public/config/default.json | 8 ++++----
src/panels/Gremium/GremiumPanel.tsx | 17 +++++++++++------
2 files changed, 15 insertions(+), 10 deletions(-)
diff --git a/public/config/default.json b/public/config/default.json
index 6eea711..084ddc3 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 265fe08..34711c2 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>
--
GitLab