diff --git a/src/components/DestinationInfoCard.vue b/src/components/DestinationInfoCard.vue
index dca9e0e..53601d4 100644
--- a/src/components/DestinationInfoCard.vue
+++ b/src/components/DestinationInfoCard.vue
@@ -1,13 +1,14 @@
-
+ class="image"
+ src="https://cdn.vuetifyjs.com/images/cards/sunshine.jpg"
+ cover
+ >
+
{{detial[0].title}}
- {{detial[0].subtitle}}
+ {{detial[0].subtitle}}
@@ -35,7 +36,6 @@
{{detial[1].title}}
- {{detial[1].subtitle}}
@@ -47,7 +47,6 @@
{{detial[2].title}}
- {{detial[2].subtitle}}
@@ -60,7 +59,7 @@
ดูเส้นทาง
-
+
@@ -76,19 +75,16 @@ const destination = {
}
const detial = [
{
- color: '',
icon: check,
subtitle: 'เรียนรู้เพิ่มเติม',
title: 'Unrestricted Wheelchair access',
},
{
- color: '',
icon: findLocation,
subtitle: '',
title: '13.76493, 100.53828',
},
{
- color: '',
icon: clock,
subtitle: '',
title: 'Mo-Su 11:30-22:00',
@@ -102,10 +98,6 @@ const detial = [
bottom: 0;
}
-.card-height {
- height: 75%;
-}
-
.btnlist-height {
height: 25%;
width: 100%;
@@ -116,10 +108,6 @@ const detial = [
justify-content: space-around;
}
-.btn-width {
- width: 35vw;
-}
-
.text-white {
color: white;
}
@@ -128,12 +116,18 @@ const detial = [
width: 30px;
height: 30px;
}
+
.iconCheck, .textCheck {
filter: invert(55%) sepia(39%) saturate(601%) hue-rotate(73deg) brightness(97%) contrast(98%);
}
-v-list:disabled {
- color: purple;
+.knowMore {
+ filter: invert(67%) sepia(85%) saturate(5663%) hue-rotate(8deg) brightness(100%) contrast(101%);
+}
+
+.image {
+ width: 100%;
+ height: 45vh;
}
\ No newline at end of file