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-23 15:41:33 +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; cursor: auto;
} }
button.selected {
cursor: auto;
color: black;
border-color: black;
border-width: 2px;
}
.clickable { .clickable {
cursor: pointer; cursor: pointer;
} }

4
src/components/MailScreen.vue
View File

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