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-24 07:55:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

Better inbox styling

Browse Source
This commit is contained in:
Jeffrey Biles
2020-03-17 12:15:26 -07:00
parent b76e20c836
commit 04d37c4259
1 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/MailTable.vue
View File

@@ -4,7 +4,7 @@
</thead> </thead>
<tbody> <tbody>
<tr v-for="email in emails" :key="email.id"> <tr v-for="email in emails" :key="email.id" :class="[email.read ? 'read' : '']">
<td><input type="checkbox" /></td> <td><input type="checkbox" /></td>
<td>{{email.subject}}</td> <td>{{email.subject}}</td>
<td>{{email.body}}</td> <td>{{email.body}}</td>
@@ -28,8 +28,14 @@
table { table {
max-width: 800px; max-width: 800px;
margin: auto; margin: auto;
border-collapse: collapse;
}
tr.read {
background-color: #EEE;
} }
td { td {
border-bottom: 1px solid black;
padding: 5px;
text-align: left; text-align: left;
} }
</style> </style>