Some Color changes

This commit is contained in:
johndoe4 2023-05-27 22:14:45 +02:00
parent 9154c24332
commit 8260d62681
5 changed files with 10 additions and 7 deletions

View file

@ -24,7 +24,7 @@
@layer components { @layer components {
.mbz-card { .mbz-card {
@apply block bg-mbz-yellow-alt-300 hover:bg-mbz-yellow-alt-200 text-violet-title dark:text-white dark:hover:text-white rounded-lg dark:border-violet-title shadow-md dark:bg-mbz-purple dark:hover:dark:bg-mbz-purple-400 dark:text-white dark:hover:text-white; @apply block bg-white hover:bg-gray-100 text-violet-title dark:text-white dark:hover:text-white rounded-lg dark:border-violet-title shadow-md dark:bg-mbz-purple dark:hover:dark:bg-mbz-purple-400 dark:text-white dark:hover:text-white;
} }
} }

View file

@ -83,7 +83,7 @@
</h2> </h2>
<div class=""> <div class="">
<div <div
class="flex items-center text-violet-3 dark:text-white" class="bg-fomo-blue flex items-center text-violet-3 dark:text-white"
dir="auto" dir="auto"
> >
<figure class="" v-if="actorAvatarURL"> <figure class="" v-if="actorAvatarURL">
@ -101,7 +101,7 @@
{{ organizerDisplayName(event) }} {{ organizerDisplayName(event) }}
</span> </span>
</div> </div>
<inline-address <inline-address class="bg-fomo-purple"
v-if="event.physicalAddress" v-if="event.physicalAddress"
:physical-address="event.physicalAddress" :physical-address="event.physicalAddress"
/> />

View file

@ -110,6 +110,7 @@ const { t } = useI18n({ useScope: "global" });
grid-column-gap: 20px; grid-column-gap: 20px;
grid-row-gap: 30px; grid-row-gap: 30px;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
margin-bottom: 2rem;
.event-card { .event-card {
height: 100%; height: 100%;
display: flex; display: flex;

View file

@ -194,9 +194,9 @@ import { HOME_USER_QUERIES } from "../graphql/home";
import RouteName from "../router/name"; import RouteName from "../router/name";
import { IEvent } from "../types/event.model"; import { IEvent } from "../types/event.model";
// import { IFollowedGroupEvent } from "../types/followedGroupEvent.model"; // import { IFollowedGroupEvent } from "../types/followedGroupEvent.model";
import CloseEvents from "@/components/Local/CloseEvents.vue"; // import CloseEvents from "@/components/Local/CloseEvents.vue";
import CloseGroups from "@/components/Local/CloseGroups.vue"; // import CloseGroups from "@/components/Local/CloseGroups.vue";
import LastEvents from "@/components/Local/LastEvents.vue"; // import LastEvents from "@/components/Local/LastEvents.vue";
import UpcomingEvents from "@/components/Local/UpcomingEvents.vue"; import UpcomingEvents from "@/components/Local/UpcomingEvents.vue";
import OnlineEvents from "@/components/Local/OnlineEvents.vue"; import OnlineEvents from "@/components/Local/OnlineEvents.vue";
import { import {

View file

@ -65,7 +65,7 @@ module.exports = {
"violet-1": "#3a384c", "violet-1": "#3a384c",
"violet-2": "#474467", "violet-2": "#474467",
"violet-3": "#3c376e", "violet-3": "#3c376e",
"yellow-1": "#ffd599", "yellow-1": "#21bef3",
"yellow-2": "#fff1de", "yellow-2": "#fff1de",
"body-background-color": "#efeef4", "body-background-color": "#efeef4",
"purple-1": "#757199", "purple-1": "#757199",
@ -75,6 +75,8 @@ module.exports = {
"mbz-danger": "#cd2026", "mbz-danger": "#cd2026",
"mbz-success": "#0d8758", "mbz-success": "#0d8758",
"mbz-warning": "#ffe08a", "mbz-warning": "#ffe08a",
"fomo-blue": "#21bef3",
"fomo-purple": "#9e9ef2",
// primary: "#272633", // primary: "#272633",
// secondary: "#ED8D07", // secondary: "#ED8D07",
}, },