diff options
| -rw-r--r-- | components/GoogleDriveLink.vue | 15 | ||||
| -rw-r--r-- | pages/kronika/index.vue | 2 |
2 files changed, 9 insertions, 8 deletions
diff --git a/components/GoogleDriveLink.vue b/components/GoogleDriveLink.vue index 96e3fbb..dc21d9e 100644 --- a/components/GoogleDriveLink.vue +++ b/components/GoogleDriveLink.vue @@ -4,9 +4,7 @@ <img src="/assets/google-drive.png" alt="Drive" /> </div> <div class="text"> - <p> - {{ text }} - </p> + <p v-html="text"></p> </div> <a :href="link"> <plain-button text="Przejdź" /> @@ -45,8 +43,6 @@ export default { flex-direction: column; align-items: center; justify-content: center; - - min-width: 400px; } .google-drive-link .text { @@ -75,10 +71,9 @@ export default { margin: 0 20%; } -@media (min-width: 480px) { +@media (min-width: 530px) { .google-drive-link { flex-direction: row; - width: 100%; } .google-drive-link .text { @@ -106,4 +101,10 @@ export default { width: 20%; } } + +@media (min-width: 960px) { + .google-drive-link { + width: 100%; + } +} </style> diff --git a/pages/kronika/index.vue b/pages/kronika/index.vue index dab61ba..61d89e2 100644 --- a/pages/kronika/index.vue +++ b/pages/kronika/index.vue @@ -3,7 +3,7 @@ <h2>Ostatnie wpisy</h2> <post-list :posts="posts" /> <google-drive-link - text="Zobacz również e-książkę rozkazów" + text="Zobacz również e‑książkę rozkazów" link="https://drive.google.com/drive/folders/1LWH4yYXpaa8kapBa2UAZTKnAAgXOHQYo?usp=sharing" style="margin: 60px 10px" /> |