diff --git a/03_source/mobile/src/pages/CarousellMe/ListingsContent/index.tsx b/03_source/mobile/src/pages/CarousellMe/ListingsContent/index.tsx index e24a013..56b8025 100644 --- a/03_source/mobile/src/pages/CarousellMe/ListingsContent/index.tsx +++ b/03_source/mobile/src/pages/CarousellMe/ListingsContent/index.tsx @@ -56,6 +56,7 @@ import { chevronDownSharp, chevronForwardSharp, filterSharp, + filter, } from 'ionicons/icons'; // import AboutPopover from '../../components/AboutPopover'; import { format, parseISO } from 'date-fns'; @@ -115,15 +116,15 @@ const ListingsContent: React.FC = ({ hide }) => { style={{ padding: 0 }} > -
+
setOpenExplain(true)}> - - Filters + +
Filters
- + {`Status: ${'All'}`} - + {`In: All Categories`}
@@ -142,6 +143,22 @@ const ListingsContent: React.FC = ({ hide }) => {
+ +
+ end of list +
); diff --git a/03_source/mobile/src/pages/CarousellMe/index.tsx b/03_source/mobile/src/pages/CarousellMe/index.tsx index fe80bd5..b70c3ed 100644 --- a/03_source/mobile/src/pages/CarousellMe/index.tsx +++ b/03_source/mobile/src/pages/CarousellMe/index.tsx @@ -138,7 +138,7 @@ const CarousellMe: React.FC = () => { return ( - + @@ -177,9 +177,6 @@ const CarousellMe: React.FC = () => { - {/* */} - {/* */} - {/* */}
{/* Instead of loading an image each time the select changes, use opacity to transition them */}
= () => { }} >
+ {/* */}
= () => { width: '75px', borderRadius: '50px', border: '3px solid white', + // + boxShadow: '0 4px 8px rgba(0, 0, 0, 0.2)', }} /> @@ -369,17 +369,12 @@ const CarousellMe: React.FC = () => { {t('Reviwes')} {t('About')} + {/* listing / reviews / about */} - - {/* - setShowPopover(false)}> - setShowPopover(false)} /> - - */} ); }; diff --git a/03_source/mobile/src/pages/CarousellMe/style.scss b/03_source/mobile/src/pages/CarousellMe/style.scss index 6666abd..c8fb436 100644 --- a/03_source/mobile/src/pages/CarousellMe/style.scss +++ b/03_source/mobile/src/pages/CarousellMe/style.scss @@ -13,10 +13,6 @@ } } - ion-content { - --padding-bottom: 5rem; - } - ion-toolbar { position: absolute; diff --git a/03_source/mobile/src/pages/CarousellMe/theme/variables.scss b/03_source/mobile/src/pages/CarousellMe/theme/variables.scss index b42a90e..051d597 100644 --- a/03_source/mobile/src/pages/CarousellMe/theme/variables.scss +++ b/03_source/mobile/src/pages/CarousellMe/theme/variables.scss @@ -1,5 +1,5 @@ #carousell-me-page { - ion-button { + * { --ion-color-primary: #243763; --ion-color-primary-rgb: 36, 55, 99; --ion-color-primary-contrast: #ffffff;