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 {
.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>
<div class="">
<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"
>
<figure class="" v-if="actorAvatarURL">
@ -101,7 +101,7 @@
{{ organizerDisplayName(event) }}
</span>
</div>
<inline-address
<inline-address class="bg-fomo-purple"
v-if="event.physicalAddress"
:physical-address="event.physicalAddress"
/>

View file

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

View file

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

View file

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