mahuntington
/
practice-tracker-frontend
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

styling for th + thead for summary

Browse Source
mic_level
Matthew Huntington 3 years ago
parent 7261ad706f
commit 226b2c506e
4 changed files with 26 additions and 15 deletions
Show Stats Download Patch File Download Diff File

1
index.html
Unescape View File

@ -5,6 +5,7 @@
<link rel="icon" href="/favicon.ico"> <link rel="icon" href="/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Practice Tracker</title> <title>Practice Tracker</title>
<link rel="stylesheet" href="app.css">
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>

7
public/app.css
Unescape View File

@ -0,0 +1,7 @@
td,th {
border:1px solid black;
padding:1em;
}
th {
background:lightgrey;
}

4
src/components/show_category.vue
Unescape View File

@ -60,8 +60,4 @@
</template> </template>
<style scoped> <style scoped>
td {
border:1px solid black;
padding:1em;
}
</style> </style>

15
src/components/summary.vue
Unescape View File

@ -18,6 +18,16 @@
<template> <template>
<h2>Summary</h2> <h2>Summary</h2>
<table> <table>
<thead>
<tr>
<th>category id</th>
<th>category</th>
<th>chunks practiced</th>
<th>instrument</th>
<th>weight</th>
</tr>
</thead>
<tbody>
<tr v-for="category in categories"> <tr v-for="category in categories">
<td>{{category.category_id}}</td> <td>{{category.category_id}}</td>
<td>{{category.category}}</td> <td>{{category.category}}</td>
@ -25,12 +35,9 @@
<td>{{category.instrument}}</td> <td>{{category.instrument}}</td>
<td>{{category.weight}}</td> <td>{{category.weight}}</td>
</tr> </tr>
</tbody>
</table> </table>
</template> </template>
<style scoped> <style scoped>
td {
border:1px solid black;
padding:1em;
}
</style> </style>

Write Preview
Loading…
Cancel
Save