diff --git a/package-lock.json b/package-lock.json index c51cd96..d3ebd50 100644 --- a/package-lock.json +++ b/package-lock.json @@ -3803,34 +3803,11 @@ "integrity": "sha512-arU1h31OGFu+LPrOLGZ7nB45v940NMDMEJeNmbutu57P+UFDVnkZg3e+J1I2HJRZ9hT7gO8J91dn/PMrAiKakA==" }, "axios": { - "version": "0.19.2", - "resolved": "https://registry.npmjs.org/axios/-/axios-0.19.2.tgz", - "integrity": "sha512-fjgm5MvRHLhx+osE2xoekY70AhARk3a6hkN+3Io1jc00jtquGvxYlKlsFUhmUET0V5te6CcZI7lcv2Ym61mjHA==", + "version": "0.21.1", + "resolved": "https://registry.npmjs.org/axios/-/axios-0.21.1.tgz", + "integrity": "sha512-dKQiRHxGD9PPRIUNIWvZhPTPpl1rf/OxTYKsqKUDjBwYylTvV7SjSHJb9ratfyzM6wCdLCOYLzs73qpg5c4iGA==", "requires": { - "follow-redirects": "1.5.10" - }, - "dependencies": { - "debug": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz", - "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==", - "requires": { - "ms": "2.0.0" - } - }, - "follow-redirects": { - "version": "1.5.10", - "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.5.10.tgz", - "integrity": "sha512-0V5l4Cizzvqt5D44aTXbFZz+FtyXV1vrDN6qrelxtfYQKW0KO0W2T/hkE8xvGa/540LkZlkaUjO4ailYTFtHVQ==", - "requires": { - "debug": "=3.1.0" - } - }, - "ms": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", - "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=" - } + "follow-redirects": "^1.10.0" } }, "axobject-query": { @@ -8707,9 +8684,9 @@ "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==" }, "ini": { - "version": "1.3.5", - "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.5.tgz", - "integrity": "sha512-RZY5huIKCMRWDUqZlEi72f/lmXKMvuszcMBduliQ3nnWbx9X/ZBQO7DijMEYS9EhHBb2qacRUMtC7svLwe0lcw==" + "version": "1.3.8", + "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz", + "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==" }, "inquirer": { "version": "7.3.3", diff --git a/package.json b/package.json index 27a0775..b7752c0 100644 --- a/package.json +++ b/package.json @@ -11,7 +11,7 @@ "@testing-library/jest-dom": "^4.2.4", "@testing-library/react": "^9.5.0", "@testing-library/user-event": "^7.2.1", - "axios": "^0.19.2", + "axios": "^0.21.1", "connected-react-router": "^6.8.0", "node-sass": "^4.14.1", "notistack": "^1.0.0", diff --git a/src/App.scss b/src/App.scss index a217a47..f4a9d91 100644 --- a/src/App.scss +++ b/src/App.scss @@ -35,6 +35,7 @@ .logo { width: 20vw; + max-width: 300px; margin: 16px; } @@ -80,10 +81,11 @@ p { position: fixed; bottom: 24px; background-color: #262626; - border-radius: 15px; + border-radius: 24px; z-index: 5; h5 { - font-weight: 400; + font-weight: 500; + color: $gray; padding-left: 18px; } } diff --git a/src/Design.scss b/src/Design.scss index 35ca7db..ba41d1a 100644 --- a/src/Design.scss +++ b/src/Design.scss @@ -1,16 +1,9 @@ -$main-color: #d68000; -$secondary-color: #b46c00; -$darker-color: #494949; +$main-color: #ff9800; +$secondary-color: #fb8c00; +$darker-color: #9e9e9e; $bg-color: #fafafa; $accents-color: #af6900; $lighter-color: #b46c00; -$gray: #bbbbbb; -$dark-gray: #2b2b2b; -$mint: #01c3a9; -/* $main-color: #01c3a9; -$secondary-color: #01c3a9; -$darker-color: #234f53; -$bg-color: #ffffff; -$accents-color: #0e8496; -$lighter-color: #00d1b5; - */ +$gray:#eeeeee; +$dark-gray:#2e2e2e; +$mint: #01c3a9; \ No newline at end of file diff --git a/src/components/Dialogs/Cookies.js b/src/components/Dialogs/Cookies.js index 8cd6ae9..cdcd6e1 100644 --- a/src/components/Dialogs/Cookies.js +++ b/src/components/Dialogs/Cookies.js @@ -1,5 +1,5 @@ import React, { useState, useEffect } from 'react'; -import ButtonPrimary from '../Input/ButtonPrimary'; +import ButtonSecondary from '../Input/ButtonSecondary'; import UniversalCookies from "universal-cookie"; export default function Cookies(props){ @@ -24,7 +24,7 @@ export default function Cookies(props){ return(
Menui korzysta z ciasteczek (cookies). Dalsze korzystanie z serwisu oznacza zgodę na ich użycie.
- +
) } else { diff --git a/src/components/Dialogs/EditDish.js b/src/components/Dialogs/EditDish.js index 1d9fa52..7010eee 100644 --- a/src/components/Dialogs/EditDish.js +++ b/src/components/Dialogs/EditDish.js @@ -38,6 +38,7 @@ const useStyles = makeStyles((theme) => ({ backgroundColor: "#262626", color: "#bbbbbb", overflow: "visible", + borderRadius: "24px" }, }, closeButton: { @@ -50,6 +51,7 @@ const useStyles = makeStyles((theme) => ({ margin: theme.spacing(2), "& .MuiInputBase-root": { color: "#bbbbbb", + borderRadius: "14px" }, "& .MuiInputLabel-root": { color: "#bbbbbb", @@ -61,6 +63,7 @@ const useStyles = makeStyles((theme) => ({ color: "#bbbbbb", "& .MuiInputBase-root": { color: "#bbbbbb", + borderRadius: "14px" }, "& .MuiInputLabel-root": { color: "#bbbbbb", @@ -74,6 +77,7 @@ const useStyles = makeStyles((theme) => ({ minWidth: 100, "& .MuiInputBase-root": { color: "#bbbbbb", + borderRadius: "14px" }, "$ .MuiSelect-root": { color: "#bbbbbb", diff --git a/src/components/Dialogs/ForgotPassword.js b/src/components/Dialogs/ForgotPassword.js index ec50935..f92208d 100644 --- a/src/components/Dialogs/ForgotPassword.js +++ b/src/components/Dialogs/ForgotPassword.js @@ -34,6 +34,7 @@ export default function ForgotPassword(props) { "& .MuiPaper-root": { backgroundColor: "#262626", color: "#bbbbbb", + borderRadius: "24px" }, }, closeButton: { @@ -48,6 +49,7 @@ export default function ForgotPassword(props) { width: "90%", "& .MuiInputBase-root": { color: "#01c3a9", + borderRadius: "14px" }, "& .MuiInputLabel-root": { color: "#bbbbbb", diff --git a/src/components/Dialogs/LoginDialog.js b/src/components/Dialogs/LoginDialog.js index e35a4a9..10ad1e0 100644 --- a/src/components/Dialogs/LoginDialog.js +++ b/src/components/Dialogs/LoginDialog.js @@ -37,6 +37,7 @@ export default function LoginDialog(props) { "& .MuiPaper-root": { backgroundColor: "#262626", color: "#bbbbbb", + borderRadius: "24px" }, }, closeButton: { @@ -51,6 +52,7 @@ export default function LoginDialog(props) { width: "90%", "& .MuiInputBase-root": { color: "#01c3a9", + borderRadius: "14px" }, "& .MuiInputLabel-root": { color: "#bbbbbb", diff --git a/src/components/Dialogs/NewDish.js b/src/components/Dialogs/NewDish.js index 1fd67f1..10d8f19 100644 --- a/src/components/Dialogs/NewDish.js +++ b/src/components/Dialogs/NewDish.js @@ -44,6 +44,7 @@ const useStyles = makeStyles((theme) => ({ backgroundColor: "#262626", color: "#bbbbbb", overflow: "visible", + borderRadius: "24px" }, }, h4: { @@ -61,6 +62,7 @@ const useStyles = makeStyles((theme) => ({ margin: theme.spacing(2), "& .MuiInputBase-root": { color: "#bbbbbb", + borderRadius: "14px" }, "& .MuiInputLabel-root": { color: "#bbbbbb", @@ -72,6 +74,7 @@ const useStyles = makeStyles((theme) => ({ color: "#bbbbbb", "& .MuiInputBase-root": { color: "#bbbbbb", + borderRadius: "14px" }, "& .MuiInputLabel-root": { color: "#bbbbbb", @@ -85,6 +88,7 @@ const useStyles = makeStyles((theme) => ({ minWidth: 100, "& .MuiInputBase-root": { color: "#bbbbbb", + borderRadius: "14px" }, "$ .MuiSelect-root": { color: "#bbbbbb", diff --git a/src/components/Dialogs/NewRestaurant.js b/src/components/Dialogs/NewRestaurant.js index 4286872..3079d99 100644 --- a/src/components/Dialogs/NewRestaurant.js +++ b/src/components/Dialogs/NewRestaurant.js @@ -50,6 +50,7 @@ const useStyles = makeStyles((theme) => ({ width: "auto", backgroundColor: "#262626", color: "#bbbbbb", + borderRadius: "24px" }, }, closeButton: { @@ -62,6 +63,7 @@ const useStyles = makeStyles((theme) => ({ margin: theme.spacing(2), "& .MuiInputBase-root": { color: "#bbbbbb", + borderRadius: "14px" }, "& .MuiInputLabel-root": { color: "#bbbbbb", @@ -72,6 +74,7 @@ const useStyles = makeStyles((theme) => ({ marginBottom: theme.spacing(2), "& .MuiInputBase-root": { color: "#bbbbbb", + borderRadius: "14px" }, "& .MuiInputLabel-root": { color: "#bbbbbb", @@ -95,6 +98,7 @@ const useStyles = makeStyles((theme) => ({ maxHeight: 400, "& .MuiInputBase-root": { color: "#bbbbbb", + borderRadius: "14px" }, "$ .MuiSelect-root": { color: "#bbbbbb", diff --git a/src/components/Dialogs/RegisterDialog.js b/src/components/Dialogs/RegisterDialog.js index e7616b9..496f9b0 100644 --- a/src/components/Dialogs/RegisterDialog.js +++ b/src/components/Dialogs/RegisterDialog.js @@ -54,6 +54,7 @@ export default function RegisterDialog(props) { "& .MuiPaper-root": { backgroundColor: "#262626", color: "#bbbbbb", + borderRadius: "24px" }, "& .MuiFormHelperText-root": { color: "#606060", @@ -72,6 +73,7 @@ export default function RegisterDialog(props) { width: "90%", "& .MuiInputBase-root": { color: "#01c3a9", + borderRadius: "14px" }, "& .MuiInputLabel-root": { color: "#bbbbbb", diff --git a/src/components/Dialogs/RegulaminDialog.js b/src/components/Dialogs/RegulaminDialog.js index 6221e88..eca6105 100644 --- a/src/components/Dialogs/RegulaminDialog.js +++ b/src/components/Dialogs/RegulaminDialog.js @@ -21,6 +21,7 @@ export default function RegulaminDialog(props) { "& .MuiPaper-root": { backgroundColor: "#262626", color: "#bbbbbb", + borderRadius: "24px" }, "& .MuiFormHelperText-root": { color: "#606060", diff --git a/src/components/Dialogs/Settings.js b/src/components/Dialogs/Settings.js index 7d76179..882c04b 100644 --- a/src/components/Dialogs/Settings.js +++ b/src/components/Dialogs/Settings.js @@ -9,8 +9,14 @@ import ButtonPrimary from "../Input/ButtonPrimary"; import IconButton from "@material-ui/core/IconButton"; import TextField from "@material-ui/core/TextField"; import CloseIcon from "@material-ui/icons/Close"; +import PersonIcon from '@material-ui/icons/Person'; import { useSelector } from "react-redux"; import { useHistory } from "react-router-dom"; +import InputAdornment from "@material-ui/core/InputAdornment"; +import AlternateEmailIcon from '@material-ui/icons/AlternateEmail'; +import BusinessIcon from '@material-ui/icons/Business'; +import FingerprintIcon from '@material-ui/icons/Fingerprint'; +import RoomIcon from '@material-ui/icons/Room'; const useStyles = makeStyles((theme) => ({ root: { @@ -19,6 +25,7 @@ const useStyles = makeStyles((theme) => ({ minWidth: "30%", backgroundColor: "#262626", color: "#bbbbbb", + borderRadius: "24px" }, }, closeButton: { @@ -31,6 +38,7 @@ const useStyles = makeStyles((theme) => ({ margin: theme.spacing(2), "& .MuiInputBase-root": { color: "#bbbbbb", + borderRadius: "14px" }, "& .MuiInputLabel-root": { color: "#bbbbbb", @@ -89,7 +97,7 @@ export default function Settings() { Ustawienia konta {}} + onClick={() => history.goBack()} aria-label="close" > @@ -104,6 +112,13 @@ export default function Settings() { } label="Imię" variant="outlined" + InputProps={{ + startAdornment: ( + + + + ) + }} /> + + + ) + }} /> + + + ) + }} /> + + + ) + }} /> setState({ ...state, NIP: event.target.value })} label="NIP" variant="outlined" + InputProps={{ + startAdornment: ( + + + + ) + }} /> + + + ) + }} /> - history.push("/")} text="Anuluj" /> + + history.goBack()} text="Anuluj" /> diff --git a/src/components/EditRestaurant/EditRestaurantInfo.js b/src/components/EditRestaurant/EditRestaurantInfo.js index dc0ea3d..7b2eddf 100644 --- a/src/components/EditRestaurant/EditRestaurantInfo.js +++ b/src/components/EditRestaurant/EditRestaurantInfo.js @@ -35,6 +35,7 @@ const useStyles = makeStyles((theme) => ({ margin: theme.spacing(2), "& .MuiInputBase-root": { color: "#bbbbbb", + borderRadius: "14px" }, "& .MuiInputLabel-root": { color: "#bbbbbb", @@ -45,6 +46,7 @@ const useStyles = makeStyles((theme) => ({ marginBottom: theme.spacing(2), "& .MuiInputBase-root": { color: "#bbbbbb", + borderRadius: "14px" }, "& .MuiInputLabel-root": { color: "#bbbbbb", @@ -63,6 +65,7 @@ const useStyles = makeStyles((theme) => ({ maxHeight: 400, "& .MuiInputBase-root": { color: "#bbbbbb", + borderRadius: "14px" }, "$ .MuiSelect-root": { color: "#bbbbbb", diff --git a/src/components/EditRestaurant/EditRestaurantMenu.js b/src/components/EditRestaurant/EditRestaurantMenu.js index 451da7a..cab9727 100644 --- a/src/components/EditRestaurant/EditRestaurantMenu.js +++ b/src/components/EditRestaurant/EditRestaurantMenu.js @@ -22,6 +22,9 @@ const useStyles = makeStyles((theme) => ({ backgroundColor: "#262626", color: "#bbbbbb", width: "100%", + maxWidth: "800px", + marginTop: "24px", + borderRadius: "24px" }, expandIcon: { color: "#bbbbbb", @@ -33,6 +36,7 @@ const useStyles = makeStyles((theme) => ({ flexGrow: 5, "& .MuiInputBase-root": { color: "#bbbbbb", + borderRadius: "14px" }, "& .MuiInputLabel-root": { color: "#bbbbbb", diff --git a/src/components/EditRestaurant/LunchMenu.js b/src/components/EditRestaurant/LunchMenu.js index aa4a145..ffec0a7 100644 --- a/src/components/EditRestaurant/LunchMenu.js +++ b/src/components/EditRestaurant/LunchMenu.js @@ -26,7 +26,8 @@ const useStyles = makeStyles((theme) => ({ backgroundColor: "#262626", color: "#bbbbbb", width: "100%", - marginBottom: "24px", + maxWidth: "800px", + borderRadius: "24px" }, expandIcon: { color: "#bbbbbb", @@ -36,6 +37,7 @@ const useStyles = makeStyles((theme) => ({ marginBottom: theme.spacing(2), "& .MuiInputBase-root": { color: "#bbbbbb", + borderRadius: "14px" }, "& .MuiInputLabel-root": { color: "#bbbbbb", @@ -52,6 +54,7 @@ const useStyles = makeStyles((theme) => ({ flexGrow: 5, "& .MuiInputBase-root": { color: "#bbbbbb", + borderRadius: "14px" }, "& .MuiInputLabel-root": { color: "#bbbbbb", @@ -174,7 +177,7 @@ export default function EditCategoriesList(props) { // COMPONENT return ( -
+
{props.lunchMenu.length === 0 ?

Lunch menu puste

: SetList} diff --git a/src/components/Input/ButtonPrimary.js b/src/components/Input/ButtonPrimary.js index 5dafbfd..5b674bb 100644 --- a/src/components/Input/ButtonPrimary.js +++ b/src/components/Input/ButtonPrimary.js @@ -4,7 +4,8 @@ import Button from "@material-ui/core/Button"; const StyledButton = withStyles({ root: { - backgroundColor: "#696969", + backgroundColor: "#9e9e9e", + borderRadius: "14px", color: "#262626", margin: "16px 16px 16px 16px", padding: "8px 12px 8px 12px", diff --git a/src/components/Input/ButtonSecondary.js b/src/components/Input/ButtonSecondary.js index 2dd8cdc..8c8f7ff 100644 --- a/src/components/Input/ButtonSecondary.js +++ b/src/components/Input/ButtonSecondary.js @@ -5,6 +5,7 @@ import Button from "@material-ui/core/Button"; const StylizedButton = withStyles({ root: { background: "#d68000", + borderRadius: "14px", color: "#262626", margin: "16px 16px 16px 16px", padding: "8px 16px 8px 16px", diff --git a/src/components/Input/Checkboxes.js b/src/components/Input/Checkboxes.js index fcdc791..4cd2fe9 100644 --- a/src/components/Input/Checkboxes.js +++ b/src/components/Input/Checkboxes.js @@ -22,7 +22,7 @@ const useStyles = makeStyles((theme) => ({ display: "inline", }, border: "1px solid #1c1c1c", - borderRadius: "6px", + borderRadius: "24px", marginBottom: theme.spacing(2), }, formControl: { diff --git a/src/components/Input/InputLunchMenuHours.js b/src/components/Input/InputLunchMenuHours.js index 01e4daa..0229158 100644 --- a/src/components/Input/InputLunchMenuHours.js +++ b/src/components/Input/InputLunchMenuHours.js @@ -8,6 +8,7 @@ const useStyles = makeStyles((theme) => ({ timePicker: { "& .MuiInputBase-root": { color: "#bbbbbb", + borderRadius: "14px" }, "& .MuiInputLabel-root": { color: "#bbbbbb", diff --git a/src/components/Input/InputPrices.js b/src/components/Input/InputPrices.js index 327c818..f66e518 100644 --- a/src/components/Input/InputPrices.js +++ b/src/components/Input/InputPrices.js @@ -18,6 +18,7 @@ const useStyles = makeStyles((theme) => ({ }, "& .MuiInputBase-root": { color: "#bbbbbb", + borderRadius: "14px" }, "& .MuiInputLabel-root": { color: "#bbbbbb", diff --git a/src/components/Input/InputWorkingHoursSingle.js b/src/components/Input/InputWorkingHoursSingle.js index 2151847..005154f 100644 --- a/src/components/Input/InputWorkingHoursSingle.js +++ b/src/components/Input/InputWorkingHoursSingle.js @@ -8,6 +8,7 @@ const useStyles = makeStyles((theme) => ({ timePicker: { "& .MuiInputBase-root": { color: "#bbbbbb", + borderRadius: "14px" }, "& .MuiInputLabel-root": { color: "#bbbbbb", diff --git a/src/components/Input/SearchPanel.js b/src/components/Input/SearchPanel.js index 1a84caf..c022fc4 100644 --- a/src/components/Input/SearchPanel.js +++ b/src/components/Input/SearchPanel.js @@ -15,6 +15,7 @@ const useStyles = makeStyles((theme) => ({ }, "& .MuiInputBase-root": { color: "#bbbbbb", + borderRadius: "16px" }, "& .MuiInputLabel-root": { color: "#bbbbbb", diff --git a/src/components/Output/Contact.js b/src/components/Output/Contact.js index 93fa475..49509a6 100644 --- a/src/components/Output/Contact.js +++ b/src/components/Output/Contact.js @@ -26,7 +26,7 @@ export default function Contact() { }); const style = useStyles(); return ( - + @@ -43,18 +43,10 @@ export default function Contact() { - - - - ); diff --git a/src/components/Output/EditCategoriesList.js b/src/components/Output/EditCategoriesList.js index ecac1cf..e493851 100644 --- a/src/components/Output/EditCategoriesList.js +++ b/src/components/Output/EditCategoriesList.js @@ -16,6 +16,8 @@ const useStyles = makeStyles((theme) => ({ backgroundColor: "#262626", color: "#bbbbbb", width: "100%", + maxWidth: "800px", + borderRadius: "24px" }, expandIcon: { color: "#bbbbbb", @@ -25,6 +27,7 @@ const useStyles = makeStyles((theme) => ({ marginBottom: theme.spacing(2), "& .MuiInputBase-root": { color: "#bbbbbb", + borderRadius: "14px" }, "& .MuiInputLabel-root": { color: "#bbbbbb", @@ -97,7 +100,7 @@ export default function EditCategoriesList(props) { }); return ( -
+
{CategoriesList}
diff --git a/src/styles/Dialogs.scss b/src/styles/Dialogs.scss index 05c3283..b5fdd54 100644 --- a/src/styles/Dialogs.scss +++ b/src/styles/Dialogs.scss @@ -1,6 +1,3 @@ -.dialog-login { -} - .login-dialog-buttons { display: flex; justify-content: center; @@ -26,7 +23,4 @@ p { font-size: 0.8rem; } -} - -.regulamin { -} +} \ No newline at end of file diff --git a/src/styles/EditRestaurant.scss b/src/styles/EditRestaurant.scss index a8de591..41d6ea8 100644 --- a/src/styles/EditRestaurant.scss +++ b/src/styles/EditRestaurant.scss @@ -1,8 +1,8 @@ .editRestaurant-container { - min-width: 70%; + min-width: 60%; min-height: 600px; max-height: 80vh; - max-width: 80%; + max-width: 1000px; background-color: $dark-gray; border-radius: 15px; display: flex; @@ -58,7 +58,7 @@ .workingHours-container { border: 1px solid #1f1f1f; - border-radius: 6px; + border-radius: 24px; padding-top: 12px; padding-bottom: 12px; padding-left: 8px; @@ -102,7 +102,7 @@ justify-content: space-between; margin: 0px 8px 0px 8px; padding: 4px; - border-radius: 5px; + border-radius: 18px; h3 { font-size: 15px; margin-left: 14px; @@ -112,7 +112,7 @@ .editRestaurant-dishImg { height: 60px; width: 60px; - border-radius: 5px; + border-radius: 14px; background-size: cover; } @@ -140,7 +140,6 @@ display: flex; background-color: #242424; width: 100%; - justify-content: space-between; border-radius: 8px; h3 { font-weight: 300; @@ -149,7 +148,7 @@ h5 { color: #c0c0c0; font-weight: 400; - padding-right: 14px; + padding-left: 14px; font-size: 14px; } } diff --git a/src/styles/Home.scss b/src/styles/Home.scss index 3b7a29d..3662f8b 100644 --- a/src/styles/Home.scss +++ b/src/styles/Home.scss @@ -13,7 +13,7 @@ justify-content: center; background-color: rgba(0, 0, 0, 0.315); color: rgb(184, 184, 184); - border-radius: 8px; + border-radius: 24px; h5 { font-weight: 500; margin-left: 18px; diff --git a/src/styles/NewRestaurant.scss b/src/styles/NewRestaurant.scss index 988ed91..60ef24c 100644 --- a/src/styles/NewRestaurant.scss +++ b/src/styles/NewRestaurant.scss @@ -63,6 +63,7 @@ .image-upload-container-wide { display: flex; width: 100%; + max-width: 600px; flex-direction: column; align-items: flex-end; } @@ -70,8 +71,8 @@ .image-preview-wide { width: 100%; height: 300px; - border-radius: 6px; - box-shadow: (5px 5px 15px rgba(0, 0, 0, 0.151)); + border-radius: 24px; + box-shadow: (0px 5px 15px rgba(0, 0, 0, 0.151)); display: flex; align-items: center; justify-content: center; @@ -94,7 +95,7 @@ font-size: 0.9rem; font-weight: 500; padding: 14px; - border-radius: 6px; + border-radius: 14px; color: #262626; background-color: #d68000; cursor: pointer;