diff options
| author | Patryk Niedźwiedziński <pniedzwiedzinski19@gmail.com> | 2019-12-30 19:33:03 +0100 |
|---|---|---|
| committer | Patryk Niedźwiedziński <pniedzwiedzinski19@gmail.com> | 2019-12-30 19:33:03 +0100 |
| commit | 39df4184fb4dc2d5117592b4025dea94433361f0 (patch) | |
| tree | 62a259f33e2c57049fa0c4740c74c08fd68a5c93 /components/GoogleDriveLink.vue | |
| parent | 43d71a71cce9354f1d7a6ca84e3b583b9fbf5001 (diff) | |
| download | puszcza-39df4184fb4dc2d5117592b4025dea94433361f0.tar.gz puszcza-39df4184fb4dc2d5117592b4025dea94433361f0.zip | |
Fix break on hyphen
Diffstat (limited to 'components/GoogleDriveLink.vue')
| -rw-r--r-- | components/GoogleDriveLink.vue | 15 |
1 files changed, 8 insertions, 7 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> |