correct contrast (in light & dark mode) for DateCalendarIcon - Issue #1781
This commit is contained in:
2
package-lock.json
generated
2
package-lock.json
generated
@@ -6,7 +6,7 @@
|
|||||||
"packages": {
|
"packages": {
|
||||||
"": {
|
"": {
|
||||||
"name": "mobilizon",
|
"name": "mobilizon",
|
||||||
"version": "5.1.0",
|
"version": "5.1.4",
|
||||||
"hasInstallScript": true,
|
"hasInstallScript": true,
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@apollo/client": "^3.3.16",
|
"@apollo/client": "^3.3.16",
|
||||||
|
|||||||
@@ -1,10 +1,10 @@
|
|||||||
<template>
|
<template>
|
||||||
<div
|
<div
|
||||||
class="datetime-container flex flex-col rounded-lg text-center justify-center overflow-hidden items-stretch bg-white dark:bg-gray-700 text-violet-3 dark:text-white"
|
class="datetime-container flex flex-col rounded-lg text-center justify-center overflow-hidden items-stretch bg-white dark:bg-gray-700 text-black dark:text-white"
|
||||||
:class="{ small }"
|
:class="{ small }"
|
||||||
:style="`--small: ${smallStyle}`"
|
:style="`--small: ${smallStyle}`"
|
||||||
>
|
>
|
||||||
<div class="datetime-container-header">
|
<div class="datetime-container-header bg-red-500 dark:bg-red-900">
|
||||||
<time :datetime="dateObj.toISOString()" class="weekday">{{
|
<time :datetime="dateObj.toISOString()" class="weekday">{{
|
||||||
weekday
|
weekday
|
||||||
}}</time>
|
}}</time>
|
||||||
@@ -62,7 +62,6 @@ div.datetime-container {
|
|||||||
|
|
||||||
.datetime-container-header {
|
.datetime-container-header {
|
||||||
height: calc(10px * var(--small));
|
height: calc(10px * var(--small));
|
||||||
background: #f3425f;
|
|
||||||
}
|
}
|
||||||
.datetime-container-header .weekday {
|
.datetime-container-header .weekday {
|
||||||
font-size: calc(9px * var(--small));
|
font-size: calc(9px * var(--small));
|
||||||
|
|||||||
Reference in New Issue
Block a user