kj
/
lms-app
1
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

Attendance UI Enchangements

master
kj1352 5 years ago
parent
f98803ad74
commit
5024f10a3b
2 changed files with 16 additions and 12 deletions
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +8
    -8
      src/app/tabs/more/attendance/attendance.component.html
  2. +8
    -4
      src/app/tabs/more/attendance/attendance.component.scss

+ 8
- 8
src/app/tabs/more/attendance/attendance.component.html View File

@@ -78,26 +78,26 @@
<tbody> <tbody>
<tr> <tr>
<th> Month </th> <th> Month </th>
<th> Present </th>
<th> Absent </th> <th> Absent </th>
<th> Present </th>
</tr> </tr>


<tr> <tr>
<td> June 2020 </td> <td> June 2020 </td>
<td> 20 </td>
<td> 2 </td> <td> 2 </td>
<td> 20 </td>
</tr> </tr>


<tr> <tr>
<td> July 2020 </td> <td> July 2020 </td>
<td> 18 </td>
<td> 4 </td> <td> 4 </td>
<td> 18 </td>
</tr> </tr>


<tr> <tr>
<td> August 2020 </td> <td> August 2020 </td>
<td> 20 </td>
<td> 6 </td> <td> 6 </td>
<td> 20 </td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
@@ -113,26 +113,26 @@
<tbody> <tbody>
<tr> <tr>
<th> Month </th> <th> Month </th>
<th> Present </th>
<th> Absent </th> <th> Absent </th>
<th> Present </th>
</tr> </tr>


<tr> <tr>
<td> June 2020 </td> <td> June 2020 </td>
<td> 20 </td>
<td> 2 </td> <td> 2 </td>
<td> 20 </td>
</tr> </tr>


<tr> <tr>
<td> July 2020 </td> <td> July 2020 </td>
<td> 18 </td>
<td> 4 </td> <td> 4 </td>
<td> 18 </td>
</tr> </tr>


<tr> <tr>
<td> August 2020 </td> <td> August 2020 </td>
<td> 20 </td>
<td> 6 </td> <td> 6 </td>
<td> 20 </td>
</tr> </tr>
</tbody> </tbody>
</table> </table>


+ 8
- 4
src/app/tabs/more/attendance/attendance.component.scss View File

@@ -152,10 +152,12 @@
background-color: var(--ash-black); background-color: var(--ash-black);
display: flex; display: flex;
align-items: stretch; align-items: stretch;
height: 50px;
box-shadow: 0px 0px 5px var(--black);
height: 40px;
position: relative; position: relative;
margin-bottom: 2px;
margin: 20px auto;
width: 90%;
overflow: hidden;
border-radius: 7px;


button { button {
font-size: 14px; font-size: 14px;
@@ -163,9 +165,11 @@
border: 0px; border: 0px;
background-color: transparent; background-color: transparent;
color: var(--light-grey); color: var(--light-grey);
border-radius: 7px;


&.active { &.active {
color: var(--teal-green);
background-color: var(--teal-green);
color: white;
} }
} }
} }