Changeset bc20307 for sources/client/src/components/admin/ParkingZoneSessions/SessionCard/styles.js

Timestamp:

02/14/22 01:41:41 (2 years ago)

Author:

Tasevski2 <39170279+Tasevski2@…>

Branches:

master

Children:

747e0ab

Parents:

e8b1076

Message:

Push before video

File:

• sources/client/src/components/admin/ParkingZoneSessions/SessionCard/styles.js (modified) (5 diffs)

sources/client/src/components/admin/ParkingZoneSessions/SessionCard/styles.js

@@ -2 +2 @@
 import CheckCircleOutlineIcon from '@mui/icons-material/CheckCircleOutline';
 import Button from '@mui/material/Button';
+import { mobile_max_width } from '../../../../config/utilities';
 
 export const Wrapper = styled.div`
@@ -15 +16 @@
   font-size: 1rem;
   box-shadow: 0 10px 5px -2px ${(props) => props.theme.palette.background.shadow};
+
+  @media (max-width: ${mobile_max_width}px) {
+    height: 350px;
+    border-radius: 100px;
+    flex-direction: column;
+  }
 `;
 
@@ -20 +27 @@
   display: flex;
   flex-direction: column;
+
+  @media (max-width: ${mobile_max_width}px) {
+    margin-top: 15px;
+    :last-of-type {
+      margin-top: 30px;
+    }
+  }
 `;
 
@@ -38 +52 @@
   position: relative;
 
-  button {
+  button,
+  > div {
     padding: 0;
     position: absolute;
@@ -69 +84 @@
   }
 `;
-
-export const ContinueButton = styled(Button).attrs((props) => ({
-  variant: 'contained',
-  size: 'small',
-  sx: {
-    backgroundColor: `${props.theme.palette.primary.main}`,
-  },
-}))`
-  margin-top: 20px;
-
-  :hover {
-    background-color: ${(props) => props.theme.palette.primary.dark};
-  }
-`;