totole/build-gmail-clone-with-vue-3
1
0
Fork 0
mirror of https://github.com/kevin-DL/build-gmail-clone-with-vue-3.git synced 2026-01-19 22:05:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

Button for selected screen looks 'selected', not 'disabled'

Browse Source
This commit is contained in:
Jeffrey Biles
2020-05-06 11:52:53 -07:00
parent e7107d1bfe
commit 3d6a48a2d6
2 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/App.vue
View File

@@ -46,6 +46,13 @@ button:disabled {
cursor: auto;
}
button.selected {
cursor: auto;
color: black;
border-color: black;
border-width: 2px;
}
.clickable {
cursor: pointer;
}

4
src/components/MailScreen.vue
View File

@@ -1,10 +1,10 @@
<template>
<button @click="selectScreen('inbox');"
:disabled="selectedScreen == 'inbox'">
:class="[selectedScreen == 'inbox' ? 'selected' : '']">
Inbox View
</button>
<button @click="selectScreen('archive')"
:disabled="selectedScreen == 'archive'">
:class="[selectedScreen == 'archive' ? 'selected' : '']">
Archived View
</button>