From bc928b849204542ad13420b2013702d8ab96ff11 Mon Sep 17 00:00:00 2001 From: Sebastian Hahta <joseha@utu.fi> Date: Mon, 27 Nov 2023 11:00:49 +0000 Subject: [PATCH] update menu --- packages/client/src/views/Dashboard/SideMenu.tsx | 6 +++++- packages/client/src/views/Reactions/Reactions.tsx | 6 +++--- 2 files changed, 8 insertions(+), 4 deletions(-) diff --git a/packages/client/src/views/Dashboard/SideMenu.tsx b/packages/client/src/views/Dashboard/SideMenu.tsx index 7428b67..51b8b61 100644 --- a/packages/client/src/views/Dashboard/SideMenu.tsx +++ b/packages/client/src/views/Dashboard/SideMenu.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { FaHome, FaUserAlt, FaServer, FaVideo, FaChartLine, FaListAlt, FaTable, FaCubes, FaFilm, FaPencilAlt, FaChalkboard, FaPaintBrush } from 'react-icons/fa'; +import { FaHome, FaUserAlt, FaServer, FaVideo, FaChartLine, FaListAlt, FaTable, FaCubes, FaFilm, FaPencilAlt, FaChalkboard, FaPaintBrush, FaThumbsUp } from 'react-icons/fa'; import styled from 'styled-components'; import { Link } from 'react-router-dom'; @@ -76,6 +76,10 @@ export function SideMenu() { <FaPaintBrush /> <MenuText>Sketchpad</MenuText> </Link> + <Link target="_blank" to={`${path}reactions`}> + <FaThumbsUp /> + <MenuText>Reactions</MenuText> + </Link> </Container> ) } diff --git a/packages/client/src/views/Reactions/Reactions.tsx b/packages/client/src/views/Reactions/Reactions.tsx index cfa0feb..783ce51 100644 --- a/packages/client/src/views/Reactions/Reactions.tsx +++ b/packages/client/src/views/Reactions/Reactions.tsx @@ -20,13 +20,13 @@ export const Grid = styled.div` grid-template-columns: repeat(4, 1fr); flex-wrap: wrap; gap: 1rem; - padding: 1rem; + padding: 2rem; `; export const Item = styled.button` display: block; width: 100%; - font-size: 8rem; + font-size: 9rem; text-align: center; ` @@ -122,7 +122,7 @@ export function RectionLink() { return ( <div> <div>{url}</div> - <div style={{'padding': '2rem'}}><QRCodeCanvas value={url} size={250}/></div> + <div style={{'padding': '2rem'}}><QRCodeCanvas value={url} size={175}/></div> </div> ); } -- GitLab