From a1760c58e30eecceb1cc83efe513a6ddfb819e93 Mon Sep 17 00:00:00 2001 From: Juan Carlos Ruvalcaba Date: Wed, 6 Dec 2023 13:15:56 -0700 Subject: [PATCH] Updates: -Hide menu elements' text on small screen -Add some required icons -Center required items with css --- src/pages/home.f7.html | 61 +++++++++++++++++++++++++++++++++-------- src/static/car-wash.svg | 1 + src/static/hand-key.svg | 1 + src/static/like.svg | 1 + 4 files changed, 53 insertions(+), 11 deletions(-) create mode 100644 src/static/car-wash.svg create mode 100644 src/static/hand-key.svg create mode 100644 src/static/like.svg diff --git a/src/pages/home.f7.html b/src/pages/home.f7.html index 39502a8..d26384f 100644 --- a/src/pages/home.f7.html +++ b/src/pages/home.f7.html @@ -5,7 +5,7 @@
- + menu more @@ -16,21 +16,21 @@
car_rental - + Aanbod - + swap_driving_apps - + Uitlenen - + person_raised_hand - + Hoe het werkt - + contact_mail - + Contact - + more_vert
@@ -71,11 +71,37 @@
-

+

Bekijk Beschikbaarheid

+
+
+
Goede overdracht
+
+
+ +
+
+
+
+
Eenvoudig lenen
+
+
+ +
+
+
+
+
Groot aanbod
+
+
+ +
+
+
+
  • @@ -98,9 +124,22 @@ export default (props, { $, $f7, $on }) => { return $render; }; + \ No newline at end of file +.sub-item{ + flex-grow: 1; +} +.sub-header{ + font-size: 22px; + font-weight: bold; +} +@media (max-width: 575px) { + .hidden-xs-down { + display: none !important; + } +} + diff --git a/src/static/car-wash.svg b/src/static/car-wash.svg new file mode 100644 index 0000000..1cfdab9 --- /dev/null +++ b/src/static/car-wash.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/static/hand-key.svg b/src/static/hand-key.svg new file mode 100644 index 0000000..358e397 --- /dev/null +++ b/src/static/hand-key.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/static/like.svg b/src/static/like.svg new file mode 100644 index 0000000..32f4a05 --- /dev/null +++ b/src/static/like.svg @@ -0,0 +1 @@ + \ No newline at end of file