From f4db301d899487a2f213072f5660b8d3787160c1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jakub=20Ma=C5=84czak?=
 <56172798+jakubmanczak@users.noreply.github.com>
Date: Sat, 31 Jul 2021 21:21:59 +0200
Subject: [PATCH] fix and finalise toasts and copying of discord tag

---
 src/components/Card.vue | 13 +++++++------
 src/layouts/Default.vue |  4 ++--
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/components/Card.vue b/src/components/Card.vue
index 1fdc339..730f7b2 100644
--- a/src/components/Card.vue
+++ b/src/components/Card.vue
@@ -34,14 +34,15 @@
 					<g-link :to="`${facebook}`" v-if="facebook" target="_blank">
 						<i class="fab fa-facebook"></i>
 					</g-link>
-					<g-link
-						to="/"
+					<a
+						href=""
 						v-if="discord"
-						v-tooltip="`Kliknij by skopiować do schowka!`"
+						@click="copyDiscord()"
+						v-tooltip.top-center="`Kliknij by skopiować do schowka!`"
 					>
 						<i class="fab fa-discord" />
 						{{ discord }}
-					</g-link>
+					</a>
 				</div>
 			</div>
 		</div>
@@ -64,8 +65,8 @@ export default {
 	},
 	methods: {
 		copyDiscord: function() {
-			// this.$copyText(discord);
-			this.$toasted.show(`Skopiowano do schowka!`, {
+			this.$copyText(this.discord);
+			this.$toasted.show(`Skopiowano '${this.discord}' do schowka!`, {
 				duration: 2000,
 				className: 'toastcss',
 				icon: 'check',
diff --git a/src/layouts/Default.vue b/src/layouts/Default.vue
index 5d94d8c..2e66ad6 100644
--- a/src/layouts/Default.vue
+++ b/src/layouts/Default.vue
@@ -59,10 +59,10 @@ html {
 .toastcss {
 	background-color: var(--gray) !important;
 	border-left: 4px solid var(--red);
-	border-bottom: 3px solid;
+	// border-bottom: 3px solid;
 	border-image-slice: 1;
 	border-image-source: linear-gradient(
-		90deg,
+		180deg,
 		rgba(251, 99, 107, 1) 0%,
 		rgba(97, 242, 234, 1) 100%
 	);