Browse Source

modify destination detail page

Timmy 1 year ago
parent
commit
5cae910367

+ 8 - 3
hichina-main-front-mobile-first/src/pages/DestinationDetailPage.vue

@@ -45,8 +45,13 @@
     </div>
 
     <div
-      class="row flex flex-left text-h4"
-      style="border-top: 1px solid gray; height: 80px; margin-left: 30px"
+      class="row flex flex-left text-h4 text-weight-bold"
+      style="
+        background-color: #eff6fd;
+        border-top: 1px solid gray;
+        height: 55px;
+        margin-left: 30px;
+      "
     >
       Places to go in {{ destinationName }}
     </div>
@@ -66,7 +71,7 @@
         ></q-img>
       </div>
       <div class="col-9 column q-pa-md">
-        <div class="text-h4 text-weight-bold">
+        <div class="text-h4 text-weight-bold" style="background-color: #f3f6f8">
           <a :href="'./destination-detail/' + item.destinationId">{{
             item.destinationName
           }}</a>