UI updates

bcgov · Mar 20, 2024 · b5acdee · b5acdee
1 parent 633b111
commit b5acdee
Show file tree

Hide file tree

Showing 8 changed files with 356 additions and 128 deletions.
diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
@@ -24,7 +24,7 @@ export default function App() {
       <Grid item xs={12}>
         <Header />
       </Grid>
-      <Grid item style={{ flexGrow: 1, minHeight:'93vh' }} xs={12}>
+      <Grid item style={{ flexGrow: 1, minHeight: '93vh' }} xs={12}>
         {status === 'loading' ? (
           <CircularProgress />
         ) : status === 'failed' ? (

diff --git a/frontend/src/assets/BC.svg b/frontend/src/assets/BC.svg
diff --git a/frontend/src/assets/font-awesome-government.svg b/frontend/src/assets/font-awesome-government.svg
diff --git a/frontend/src/assets/font-awesome-identity.svg b/frontend/src/assets/font-awesome-identity.svg
diff --git a/frontend/src/assets/font-awesome-verification.svg b/frontend/src/assets/font-awesome-verification.svg
diff --git a/frontend/src/assets/homepage-banner-unsplash.jpg b/frontend/src/assets/homepage-banner-unsplash.jpg
diff --git a/frontend/src/components/AuthorizationList.tsx b/frontend/src/components/AuthorizationList.tsx
@@ -120,7 +120,7 @@ export default function AuthorizationList() {
       >
         Authorizations
       </Typography>
-      <Typography component="div">
+      <Typography variant="h6" gutterBottom>
         Authorized compost and biosolid facilities in B.C.
       </Typography>
     </CardContent>
@@ -129,11 +129,13 @@ export default function AuthorizationList() {
     <Grid container spacing={2} sx={{ marginTop: '4vh' }}>
       <Grid item xs={12}>
         <Card
+          elevation={0}
           variant="outlined"
           sx={{
             padding: '2em',
             marginTop: '0.1em',
-            backgroundColor: '#D1CFCD',
+            backgroundColor: '#FCC85D',
+            borderRadius:'0'
           }}
         >
           {headerCard}
@@ -329,15 +331,16 @@ export default function AuthorizationList() {
           </Grid>
           {pagination}
           <Grid item xs={12}>
-            <Grid container spacing={2}>
+            <Grid container spacing={3}>
               {filteredValue &&
                 filteredValue.length > 0 &&
                 filteredValue
                   .slice((page - 1) * 10, page * 10)
                   .map((item, index) => (
                     <Grid key={index} item xs={12} sx={{ width: '90vw' }}>
                       <Card
-                        sx={{ background: '#E0DEDC', order: 5, width: '90vw' }}
+                        elevation={0}
+                        sx={{ background: '#F1F8FE', order: 5, width: '90vw' }}
                         key={index}
                       >
                         <CardContent>
@@ -462,12 +465,11 @@ export default function AuthorizationList() {
                               <Button
                                 size="large"
                                 sx={{
-                                  border: '1px solid #353433',
+                                  border: '1px solid #053662;',
                                   borderRadius: '4px',
-                                  color: '#000000',
                                   boxSizing: 'border-box',
-                                  backgroundColor: '#D1CFCD',
                                   textTransform: 'none',
+                                  color: '#255A90;',
                                 }}
                                 onClick={() =>
                                   buttonClicked(