diff --git a/src/App.vue b/src/App.vue
index 9a095ea..7a17d1c 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -23,6 +23,6 @@ import NavBar from "@/components/NavBar.vue";
background-color: white;
border-radius: 20px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
- //overflow: hidden;
+ /*overflow: hidden;*/
}
diff --git a/src/components/CardContainer.vue b/src/components/CardContainer.vue
index e6daa8a..11860c7 100644
--- a/src/components/CardContainer.vue
+++ b/src/components/CardContainer.vue
@@ -2,8 +2,6 @@
import { onMounted } from 'vue'
onMounted(() => {
- console.log(`the component is now mounted.`)
-
const cards = document.querySelectorAll('.card');
let startX, currentX, offsetX, currentCard, isDragging = false;
@@ -54,6 +52,12 @@ onMounted(() => {
cards[1].style.zIndex = parseInt(window.getComputedStyle(cards[1]).zIndex) + 1;
}
});
+
+ if (direction === 1) {
+ console.log(`SWIPE RIGHT!`)
+ } else {
+ console.log(`swipe left`)
+ }
} else {
// Reset the card position
currentCard.style.transform = 'translateX(0) rotate(0)';
@@ -65,8 +69,21 @@ onMounted(() => {
-
-
+
Daniel, 28
+
Vanessa, 26
+
Elizabeth, 25
+
Jack, 30
+
Vin, 24
+
+
Daniel
+
Daniel
+
Daniel
+
Daniel
+
Daniel
+
Daniel
+
Daniel
+
Daniel
+
Daniel
@@ -78,6 +95,12 @@ onMounted(() => {
height: 100%;
}
+.name {
+ position: absolute;
+ bottom: 100px;
+ left: 20px;
+}
+
.card {
position: absolute;
width: 100%;
@@ -90,14 +113,50 @@ onMounted(() => {
}
.card:nth-child(1) {
- z-index: 3;
+ z-index: 12;
}
.card:nth-child(2) {
- z-index: 2;
+ z-index: 11;
}
.card:nth-child(3) {
+ z-index: 10;
+}
+
+.card:nth-child(4) {
+ z-index: 9;
+}
+
+.card:nth-child(5) {
+ z-index: 8;
+}
+
+.card:nth-child(6) {
+ z-index: 7;
+}
+
+.card:nth-child(7) {
+ z-index: 6;
+}
+
+.card:nth-child(8) {
+ z-index: 5;
+}
+
+.card:nth-child(9) {
+ z-index: 4;
+}
+
+.card:nth-child(10) {
+ z-index: 3;
+}
+
+.card:nth-child(11) {
+ z-index: 2;
+}
+
+.card:nth-child(12) {
z-index: 1;
}
diff --git a/src/components/icons/IconCommunity.vue b/src/components/icons/IconCommunity.vue
deleted file mode 100644
index 2dc8b05..0000000
--- a/src/components/icons/IconCommunity.vue
+++ /dev/null
@@ -1,7 +0,0 @@
-
-
-
diff --git a/src/components/icons/IconDocumentation.vue b/src/components/icons/IconDocumentation.vue
deleted file mode 100644
index 6d4791c..0000000
--- a/src/components/icons/IconDocumentation.vue
+++ /dev/null
@@ -1,7 +0,0 @@
-
-
-
diff --git a/src/components/icons/IconEcosystem.vue b/src/components/icons/IconEcosystem.vue
deleted file mode 100644
index c3a4f07..0000000
--- a/src/components/icons/IconEcosystem.vue
+++ /dev/null
@@ -1,7 +0,0 @@
-
-
-
diff --git a/src/components/icons/IconSupport.vue b/src/components/icons/IconSupport.vue
deleted file mode 100644
index 7452834..0000000
--- a/src/components/icons/IconSupport.vue
+++ /dev/null
@@ -1,7 +0,0 @@
-
-
-
diff --git a/src/components/icons/IconTooling.vue b/src/components/icons/IconTooling.vue
deleted file mode 100644
index 660598d..0000000
--- a/src/components/icons/IconTooling.vue
+++ /dev/null
@@ -1,19 +0,0 @@
-
-
-
-