From 8afae8ea960b7162df851ad5946f4bbebd729ff3 Mon Sep 17 00:00:00 2001
From: Patryk Niedźwiedziński <pniedzwiedzinski19@gmail.com>
Date: Sun, 29 Dec 2019 22:34:01 +0100
Subject: Basic template

---
 components/GoogleDriveLink.vue | 60 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 60 insertions(+)
 create mode 100644 components/GoogleDriveLink.vue

(limited to 'components/GoogleDriveLink.vue')

diff --git a/components/GoogleDriveLink.vue b/components/GoogleDriveLink.vue
new file mode 100644
index 0000000..729c03d
--- /dev/null
+++ b/components/GoogleDriveLink.vue
@@ -0,0 +1,60 @@
+<template>
+  <div class="google-drive-link">
+    <div class="image">
+      <img src="/assets/google-drive.png" alt="Drive" />
+    </div>
+    <p>
+      {{ text }}
+    </p>
+    <a :href="link">
+      <plain-button text="Przejdź" />
+    </a>
+  </div>
+</template>
+
+<script>
+import PlainButton from './Buttons/PlainButton'
+
+export default {
+  name: 'GoogleDriveLink',
+  components: { PlainButton },
+  props: {
+    text: {
+      type: String,
+      required: true
+    },
+    link: {
+      type: String,
+      required: true
+    }
+  }
+}
+</script>
+
+<style scoped>
+.google-drive-link {
+  background: white;
+  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
+
+  padding: 20px;
+
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+
+  min-width: 200px;
+}
+
+.google-drive-link img {
+  display: block;
+  margin: auto;
+}
+
+.google-drive-link .image {
+  background: #f3f3f3;
+  border-radius: 50px;
+  padding: 20px;
+  margin: 20%;
+}
+</style>
-- 
cgit 1.4.1

