@nextcloud/calendar-availability-vue
Version:
Weekly calendar availability component for Nextcloud apps
86 lines • 1.83 kB
CSS
.availability-day[data-v-c15ebf8b] {
padding: 0 10px 0 10px;
position: absolute;
}
.availability-slots[data-v-c15ebf8b] {
max-width: 332px;
width: 100%;
display: flex;
justify-content: flex-start;
white-space: nowrap;
}
.availability-slot[data-v-c15ebf8b] {
display: flex;
flex-direction: row;
align-items: center;
}
.availability-slot-group[data-v-c15ebf8b] {
display: flex;
flex-direction: column;
}
.time-zone[data-v-c15ebf8b] {
padding: 32px 12px 12px 0;
}
.week-day-container[data-v-c15ebf8b] {
box-sizing: border-box;
margin-bottom: 32px;
max-width: 500px;
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.button[data-v-c15ebf8b] {
align-self: flex-end;
}
.label-weekday[data-v-c15ebf8b] {
position: relative;
display: flex;
align-items: flex-start;
min-width: 77px;
width: 77px;
}
.label-weekday > span[data-v-c15ebf8b] {
height: 50px;
display: flex;
align-items: center;
}
.add-another[data-v-c15ebf8b] {
background-color: transparent;
border: none;
opacity: 0.5;
display: inline-flex;
padding: 0;
margin: 0;
margin-bottom: 3px;
}
.add-another[data-v-c15ebf8b]:hover {
opacity: 1;
}
.to-text[data-v-c15ebf8b] {
padding-right: 12px;
}
.time-zone-text[data-v-c15ebf8b] {
padding-left: 22px;
}
.empty-content[data-v-c15ebf8b] {
color: var(--color-text-lighter);
display: inline-flex;
align-items: center;
}
.start-date[data-v-c15ebf8b] {
padding-right: 12px;
}
.day-container[data-v-c15ebf8b] {
display: flex;
max-width: 500px;
width: 100%;
gap: 24px;
border-top: 1px solid var(--color-border);
padding-top: calc(3 * var(--default-grid-baseline));
margin-top: calc(2 * var(--default-grid-baseline));
align-items: center;
}
.day-container > button[data-v-c15ebf8b] {
align-self: center;
}