diff --git a/src/pages/home/index.tsx b/src/pages/home/index.tsx
index 0afb321..9cf4508 100644
--- a/src/pages/home/index.tsx
+++ b/src/pages/home/index.tsx
@@ -5,7 +5,7 @@ import {
PersonOutline,
Upload
} from '@mui/icons-material'
-import { Box, Button, Typography } from '@mui/material'
+import { Box, Button, Tooltip, Typography } from '@mui/material'
import { useNavigate } from 'react-router-dom'
import { appPrivateRoutes } from '../../routes'
import styles from './style.module.scss'
@@ -19,7 +19,16 @@ export const HomePage = () => {
Sigits
-
+ {/* This is for desktop view */}
+
}
@@ -35,45 +44,96 @@ export const HomePage = () => {
Create
+ {/* This is for mobile view */}
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
)
}
const PlaceHolder = () => {
return (
-
-
-
-
-
- Title
-
-
-
- Sigit
-
-
-
- 07 Jun 10:23 AM
+
+
+
+
+ Title
+
+
+
+ Sigit
+
+
+
+ 07 Jun 10:23 AM
+
+
+
+
+
+ Sent
+ placeholder@sigit.io
-
-
-
- Sent
-
- placeholder@sigit.io
-
-
-
- Awaiting
-
- placeholder@sigit.io
-
+
+
+ Awaiting
+
+ placeholder@sigit.io
diff --git a/src/pages/home/style.module.scss b/src/pages/home/style.module.scss
index 69c5019..e722d70 100644
--- a/src/pages/home/style.module.scss
+++ b/src/pages/home/style.module.scss
@@ -15,7 +15,6 @@
}
.actionButtons {
- display: flex;
justify-content: center;
align-items: center;
gap: 10px;
@@ -25,6 +24,7 @@
.submissions {
display: flex;
flex-direction: column;
+ gap: 10px;
.item {
display: flex;
@@ -33,10 +33,10 @@
.titleBox {
display: flex;
- flex-direction: column;
align-items: flex-start;
+ justify-content: space-between;
padding: 10px;
- background-color: #e7e2df99;
+ background-color: #cdc8c499;
border-top-left-radius: inherit;
border-bottom-left-radius: inherit;