From 63ca2947afc76a44fb872d07e1c13664a9e0e727 Mon Sep 17 00:00:00 2001
From: Alberto Defendi <1369-ahl-berto@users.noreply.gitlab.inf.unibz.it>
Date: Tue, 22 Jun 2021 07:20:28 +0200
Subject: [PATCH] Responsive tweaks.
---
.../ReservationPage/ReservationPage.style.ts | 10 +-----
.../ReservationPage/ReservationPage.tsx | 34 ++++++-------------
2 files changed, 11 insertions(+), 33 deletions(-)
diff --git a/src/components/Dashboard/ReservationPage/ReservationPage.style.ts b/src/components/Dashboard/ReservationPage/ReservationPage.style.ts
index a380c8f..6e92b3e 100644
--- a/src/components/Dashboard/ReservationPage/ReservationPage.style.ts
+++ b/src/components/Dashboard/ReservationPage/ReservationPage.style.ts
@@ -47,19 +47,11 @@ export const reservationPageStyle = makeStyles(() => ({
fontSize: '50px',
},
fab: {
- margin: '1.9em',
+ margin: '5vw',
bottom: '0',
right: '0',
position: 'fixed',
fontSize: '2em',
padding: '1.5em',
},
- fabSmall: {
- margin: '1.4em',
- bottom: '0',
- right: '0',
- position: 'fixed',
- fontSize: '1.7em',
- padding: '1.4em',
- },
}));
diff --git a/src/components/Dashboard/ReservationPage/ReservationPage.tsx b/src/components/Dashboard/ReservationPage/ReservationPage.tsx
index 1cfc1d8..1553761 100644
--- a/src/components/Dashboard/ReservationPage/ReservationPage.tsx
+++ b/src/components/Dashboard/ReservationPage/ReservationPage.tsx
@@ -1,5 +1,5 @@
import React, { FC } from 'react';
-import { Grid, Typography, Hidden } from '@material-ui/core';
+import { Grid, Typography } from '@material-ui/core';
import AddIcon from '@material-ui/icons/Add';
import Fab from '@material-ui/core/Fab';
import { NavBar } from 'components/Dashboard/HomePage/NavBar';
@@ -28,29 +28,15 @@ export const ReservationPage: FC = () => {
<ReservationPageHeader />
<ReservationDialog handleClose={handleClose} isOpen={isOpen} />
- <Hidden smDown>
- <Fab
- color="primary"
- size="large"
- className={classes.fab}
- onClick={handleOpen}
- aria-label="Add New Reservations"
- >
- <AddIcon className={classes.extendedIcon} />
- </Fab>
- </Hidden>
-
- <Hidden mdUp>
- <Fab
- color="primary"
- size="large"
- aria-label="add"
- className={classes.fabSmall}
- onClick={handleOpen}
- >
- <AddIcon className={classes.extendedIcon} />
- </Fab>
- </Hidden>
+ <Fab
+ color="primary"
+ size="large"
+ className={classes.fab}
+ onClick={handleOpen}
+ aria-label="Add New Reservations"
+ >
+ <AddIcon className={classes.extendedIcon} />
+ </Fab>
<Grid item container className={classes.paddingTop}>
<Grid item xs={1} lg={2} />
--
GitLab