Small improvements

This commit is contained in:
Daniel Kluge 2022-01-06 18:56:39 +01:00
parent 90372e12e0
commit 8af6dcd45e
3 changed files with 12 additions and 2 deletions

View File

@ -65,7 +65,7 @@ const Calendar = ({ secrets }: { secrets: SecretsCalendar }) => {
eventTable.push( eventTable.push(
<tr key={++i} className={styles.calendarEntry}> <tr key={++i} className={styles.calendarEntry}>
<td>{event.summary}</td> <td>{event.summary}</td>
<td>{startDate.getHours()}:{startDate.getMinutes().toString().padStart(2, "0")}</td> <td className={styles.entryTime}>{startDate.getHours()}:{startDate.getMinutes().toString().padStart(2, "0")}</td>
</tr> </tr>
) )
} }

View File

@ -1,26 +1,36 @@
.container { .container {
grid-area: calendar; grid-area: calendar;
} }
.container table { .container table {
width: 100%; width: 100%;
border-collapse: collapse; border-collapse: collapse;
} }
.calendarDateHeader { .calendarDateHeader {
font-weight: bold; font-weight: bold;
font-size: 2vh; font-size: 2vh;
background: rgba(0, 0, 0, .1); background: rgba(0, 0, 0, .1);
} }
.calendarDateHeaderSub { .calendarDateHeaderSub {
font-size: 1.5vh; font-size: 1.5vh;
padding-top: 0.4vh; padding-top: 0.4vh;
float: right; float: right;
} }
.container table td { .container table td {
padding: 5px; padding: 5px;
} }
.container tr td:first-of-type { .container tr td:first-of-type {
width: 100%; width: 100%;
} }
.entryTime {
text-align: right;
}
.container tr.calendarEntry { .container tr.calendarEntry {
border-top: 1px solid #000000; border-top: 1px solid #000000;
font-size: 1.8vh; font-size: 1.8vh;

View File

@ -10,7 +10,7 @@
} }
.inner table { .inner table {
animation: newsSlider 60s linear 0s infinite normal; animation: newsSlider 100s linear 0s infinite normal;
border-collapse: collapse; border-collapse: collapse;
} }