fix: adapt agenda buttons colors to be more readable (#7210)
Co-authored-by: NGPixel <github@ngpixel.com>
This commit is contained in:
parent
cb84ad3f44
commit
7f2c3ed2cb
|
@ -58,14 +58,17 @@
|
||||||
n-button(
|
n-button(
|
||||||
:type='agendaStore.isTimezoneMeeting ? `primary` : `default`'
|
:type='agendaStore.isTimezoneMeeting ? `primary` : `default`'
|
||||||
@click='setTimezone(`meeting`)'
|
@click='setTimezone(`meeting`)'
|
||||||
|
:text-color='agendaStore.isTimezoneMeeting ? `#FFF` : null'
|
||||||
) Meeting
|
) Meeting
|
||||||
n-button(
|
n-button(
|
||||||
:type='agendaStore.isTimezoneLocal ? `primary` : `default`'
|
:type='agendaStore.isTimezoneLocal ? `primary` : `default`'
|
||||||
@click='setTimezone(`local`)'
|
@click='setTimezone(`local`)'
|
||||||
|
:text-color='agendaStore.isTimezoneLocal ? `#FFF` : null'
|
||||||
) Local
|
) Local
|
||||||
n-button(
|
n-button(
|
||||||
:type='agendaStore.timezone === `UTC` ? `primary` : `default`'
|
:type='agendaStore.timezone === `UTC` ? `primary` : `default`'
|
||||||
@click='setTimezone(`UTC`)'
|
@click='setTimezone(`UTC`)'
|
||||||
|
:text-color='agendaStore.timezone === `UTC` ? `#FFF` : null'
|
||||||
) UTC
|
) UTC
|
||||||
n-select.agenda-timezone-ddn(
|
n-select.agenda-timezone-ddn(
|
||||||
v-if='siteStore.viewport > 1250'
|
v-if='siteStore.viewport > 1250'
|
||||||
|
|
|
@ -62,7 +62,8 @@
|
||||||
n-button.mt-2(
|
n-button.mt-2(
|
||||||
id='agenda-quickaccess-calview-btn'
|
id='agenda-quickaccess-calview-btn'
|
||||||
block
|
block
|
||||||
color='#6c757d'
|
color='#6f42c1'
|
||||||
|
text-color='#FFF'
|
||||||
size='large'
|
size='large'
|
||||||
strong
|
strong
|
||||||
@click='agendaStore.$patch({ calendarShown: true })'
|
@click='agendaStore.$patch({ calendarShown: true })'
|
||||||
|
@ -78,8 +79,8 @@
|
||||||
n-button.mt-2(
|
n-button.mt-2(
|
||||||
id='agenda-quickaccess-addtocal-btn'
|
id='agenda-quickaccess-addtocal-btn'
|
||||||
block
|
block
|
||||||
secondary
|
:color='siteStore.theme === `dark` ? `rgba(111, 66, 193, .3)` : `#e2d9f3`'
|
||||||
color='#6c757d'
|
:text-color='siteStore.theme === `dark` ? `#e2d9f3` : `#59359a`'
|
||||||
size='large'
|
size='large'
|
||||||
strong
|
strong
|
||||||
)
|
)
|
||||||
|
|
|
@ -11,14 +11,17 @@ n-drawer(v-model:show='isShown', placement='bottom', :height='state.drawerHeight
|
||||||
n-button(
|
n-button(
|
||||||
:type='agendaStore.isTimezoneMeeting ? `primary` : `default`'
|
:type='agendaStore.isTimezoneMeeting ? `primary` : `default`'
|
||||||
@click='setTimezone(`meeting`)'
|
@click='setTimezone(`meeting`)'
|
||||||
|
:text-color='agendaStore.isTimezoneMeeting ? `#FFF` : null'
|
||||||
) Meeting
|
) Meeting
|
||||||
n-button(
|
n-button(
|
||||||
:type='agendaStore.isTimezoneLocal ? `primary` : `default`'
|
:type='agendaStore.isTimezoneLocal ? `primary` : `default`'
|
||||||
@click='setTimezone(`local`)'
|
@click='setTimezone(`local`)'
|
||||||
|
:text-color='agendaStore.isTimezoneLocal ? `#FFF` : null'
|
||||||
) Local
|
) Local
|
||||||
n-button(
|
n-button(
|
||||||
:type='agendaStore.timezone === `UTC` ? `primary` : `default`'
|
:type='agendaStore.timezone === `UTC` ? `primary` : `default`'
|
||||||
@click='setTimezone(`UTC`)'
|
@click='setTimezone(`UTC`)'
|
||||||
|
:text-color='agendaStore.timezone === `UTC` ? `#FFF` : null'
|
||||||
) UTC
|
) UTC
|
||||||
n-divider(vertical)
|
n-divider(vertical)
|
||||||
n-button.me-2(
|
n-button.me-2(
|
||||||
|
@ -32,7 +35,7 @@ n-drawer(v-model:show='isShown', placement='bottom', :height='state.drawerHeight
|
||||||
n-badge.ms-2(:value='agendaStore.selectedCatSubs.length', processing)
|
n-badge.ms-2(:value='agendaStore.selectedCatSubs.length', processing)
|
||||||
n-button(
|
n-button(
|
||||||
ghost
|
ghost
|
||||||
color='gray'
|
:color='siteStore.theme === `dark` ? `#e35d6a` : `gray`'
|
||||||
strong
|
strong
|
||||||
@click='close'
|
@click='close'
|
||||||
)
|
)
|
||||||
|
|
Loading…
Reference in a new issue