ui: margins on main component

This commit is contained in:
JonFreer 2023-08-12 23:30:21 +01:00 committed by Thomas Citharel
parent 15cf103dfa
commit f04907c2a6
No known key found for this signature in database
GPG key ID: A061B9DDE0CA0773
3 changed files with 4 additions and 4 deletions

View file

@ -24,7 +24,7 @@
</div>
<ErrorComponent v-if="error" :error="error" />
<main id="main" class="pt-4" v-else>
<main id="main" class="p-4" v-else>
<router-view></router-view>
</main>
<mobilizon-footer />

View file

@ -1,5 +1,5 @@
<template>
<div class="container mx-auto px-3" v-if="hasCurrentActorPermissionsToEdit">
<div class="container mx-auto" v-if="hasCurrentActorPermissionsToEdit">
<h1 class="" v-if="isUpdate === true">
{{ t("Update event {name}", { name: event.title }) }}
</h1>
@ -473,7 +473,7 @@
<nav
role="navigation"
aria-label="main navigation"
class="bg-mbz-yellow-alt-200 p-3 m-3 rounded"
class="bg-mbz-yellow-alt-200 p-3 mt-3 rounded"
:class="{ 'is-fixed-bottom': showFixedNavbar }"
v-if="hasCurrentActorPermissionsToEdit"
>

View file

@ -4,7 +4,7 @@
<div class="flex flex-col mb-3">
<event-banner :picture="event?.picture" />
<div
class="flex flex-col relative pb-2 bg-white dark:bg-zinc-700 my-2 rounded"
class="flex flex-col relative pb-2 bg-white dark:bg-zinc-700 my-4 rounded"
>
<div class="date-calendar-icon-wrapper relative" v-if="event?.beginsOn">
<skeleton-date-calendar-icon