Some Color changes
This commit is contained in:
parent
9154c24332
commit
8260d62681
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -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"
|
||||
/>
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -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",
|
||||
},
|
||||
|
|
Loading…
Reference in a new issue