alberanid/ibt2
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

header color for day info card

Browse source
This commit is contained in:
Davide Alberani 2017-02-01 22:15:49 +01:00
parent 1f90a29e72
commit b5175a21b8
1 changed files with 5 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/App.vue
View file

@ -4,7 +4,7 @@
<md-layout id="datepicker-column" md-flex="20" md-flex-small="100" md-gutter> <md-layout id="datepicker-column" md-flex="20" md-flex-small="100" md-gutter>
<datepicker id="datepicker" :value="date" :inline="true" :highlighted="highlightedDates" :monday-first="true" @selected="getDay"></datepicker> <datepicker id="datepicker" :value="date" :inline="true" :highlighted="highlightedDates" :monday-first="true" @selected="getDay"></datepicker>
<md-card id="day-info"> <md-card id="day-info">
<md-card-header class="group-header"> <md-card-header class="day-info-header">
<md-layout md-row> <md-layout md-row>
<div class="md-title day-info-title"> <div class="md-title day-info-title">
<md-icon class="day-icon">today</md-icon>&nbsp;{{ day.day }} <md-icon class="day-icon">today</md-icon>&nbsp;{{ day.day }}
@ -226,6 +226,10 @@ export default {
flex: 1; flex: 1;
} }
.day-info-header, .calendar .prev, .calendar .up, .calendar .next {
background-color: #f8bbd0;
}
#day-notes { #day-notes {
color: rgba(0, 0, 0, 0.54); color: rgba(0, 0, 0, 0.54);
} }