Fix tooltip modal (#458)

* fix: tooltip text * fix: spacings on modal
nuxt · Aug 4, 2020 · 74e8825 · 74e8825
1 parent b103377
commit 74e8825
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git a/components/global/bases/AppModal.vue b/components/global/bases/AppModal.vue
@@ -23,7 +23,7 @@
           <div class="modal-container flex flex-col">
             <div class="w-full flex justify-end">
               <button
-                class="mb-4 w-auto"
+                class="xs:m-2 mb-4 w-auto"
                 data-cy="modal-close"
                 @click="showModal = false"
               >
@@ -108,6 +108,15 @@ export default {
   transition: all 0.3s ease;
   width: calc(100vw - 80px);
 }
+@media (max-width: 678px) {
+  .modal-container {
+    border-radius: 0;
+    height: 100vh;
+    margin: 0;
+    padding: 0;
+    width: 100%;
+  }
+}
 
 .modal-body {
   display: flex;

diff --git a/content/en/guides/directory-structure/plugins.md b/content/en/guides/directory-structure/plugins.md
@@ -163,9 +163,9 @@ npm install v-tooltip
   </code-block>
 </code-group>
 
-The we create the file `plugins/vue-notifications.js`
+The we create the file `plugins/vue-tooltip.js`
 
-```js{}[plugins/vue-notifications.js]
+```js{}[plugins/vue-tooltip.js]
 import Vue from 'vue'
 import VTooltip from 'v-tooltip'