Browse Source

Change modal close button's size

master
Immanuel Onyeka 2 years ago
parent
commit
a8a6a0355c
3 changed files with 6 additions and 6 deletions
  1. +3
    -3
      assets/main.css
  2. +2
    -2
      components/settings.vue
  3. +1
    -1
      components/sign-out.vue

+ 3
- 3
assets/main.css View File

@@ -271,9 +271,9 @@ svg.close {
color: var(--text); color: var(--text);
} }


div.close-button {
width: 50px;
height: 50px;
.close-btn {
width: 30px;
height: 30px;
} }


div.sidebar-toggle { div.sidebar-toggle {


+ 2
- 2
components/settings.vue View File

@@ -29,9 +29,9 @@
</section> </section>


<Dialog v-if="ready" @close="() => ready = false"> <Dialog v-if="ready" @close="() => ready = false">
<h3>Confirm your current password.</h3>
<h3>Confirm your current password to save changes.</h3>
<input type="text"> <input type="text">
<button>Save</button>
<button>Confirm</button>
</Dialog> </Dialog>


</div> </div>


+ 1
- 1
components/sign-out.vue View File

@@ -3,7 +3,7 @@


<section class="inputs centered"> <section class="inputs centered">
<h4>Are you sure you want to log out?</h4> <h4>Are you sure you want to log out?</h4>
<button>Yes</button>
<button>Logout</button>
</section> </section>


</div> </div>


Loading…
Cancel
Save