Skip to content
Snippets Groups Projects
Commit bf224491 authored by Niklas Schrötler's avatar Niklas Schrötler
Browse files

GremiumPanel Slight styling tweaks and temp. integrated in default

parent 83a4d60e
No related branches found
No related tags found
No related merge requests found
Pipeline #207839 failed
...@@ -39,7 +39,7 @@ ...@@ -39,7 +39,7 @@
"x": 9, "x": 9,
"y": 0, "y": 0,
"w": 16, "w": 16,
"h": 4 "h": 3
}, },
"config": { "config": {
"gremien": [ "gremien": [
...@@ -71,7 +71,7 @@ ...@@ -71,7 +71,7 @@
"type": "callout", "type": "callout",
"position": { "position": {
"x": 9, "x": 9,
"y": 4, "y": 3,
"w": 16, "w": 16,
"h": 2 "h": 2
}, },
...@@ -85,9 +85,9 @@ ...@@ -85,9 +85,9 @@
"type": "mensaplan", "type": "mensaplan",
"position": { "position": {
"x": 9, "x": 9,
"y": 6, "y": 5,
"w": 16, "w": 16,
"h": 7 "h": 8
}, },
"config": { "config": {
"canteenId": 341, "canteenId": 341,
......
...@@ -38,13 +38,10 @@ const GremiumPanel = (props: {definition: GremiumPanelDefinition}) => { ...@@ -38,13 +38,10 @@ const GremiumPanel = (props: {definition: GremiumPanelDefinition}) => {
return ( return (
<PanelWrapper> <PanelWrapper>
<PanelTitle title={gremium.name}/> <PanelTitle title={"Als nächstes im CZI"}/>
<PanelContent> <PanelContent>
<div className={"relative h-full"}> <div className={"flex flex-row"}>
<div className={"absolute -top-12 right-0 p-1 bg-white rounded"}> <div className={"flex-1"}>
<QRCode value={gremium.link} className={"h-24 w-24"}/>
</div>
<div className={"absolute bottom-0"}>
<p>{gremium.description}</p> <p>{gremium.description}</p>
<p className={"text-sm text-gray-400"}> <p className={"text-sm text-gray-400"}>
<Clock size={20} className={"inline mb-1.5 mr-1"}/> <Clock size={20} className={"inline mb-1.5 mr-1"}/>
...@@ -55,6 +52,14 @@ const GremiumPanel = (props: {definition: GremiumPanelDefinition}) => { ...@@ -55,6 +52,14 @@ const GremiumPanel = (props: {definition: GremiumPanelDefinition}) => {
{gremium.location} {gremium.location}
</p> </p>
</div> </div>
<div className={""}>
<QRCode
value={gremium.link}
className={"h-24 w-24"}
fgColor={"#ffffff"}
bgColor={"#18181b"}
/>
</div>
</div> </div>
</PanelContent> </PanelContent>
</PanelWrapper> </PanelWrapper>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment