bennot/church-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

fix: buttons

Browse source
This commit is contained in:
Benno Tielen 2025-03-11 13:27:15 +01:00
parent 76a6df83f3
commit ecace1e5d0
2 changed files with 18 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/compositions/CalendarAnnouncementButtons/CalendarAnnouncementButtons.tsx
View file

@ -8,7 +8,7 @@ type CalendarAnnouncementButtonsProps = {
export const CalendarAnnouncementButtons = ({calendar, announcements}: CalendarAnnouncementButtonsProps) => { export const CalendarAnnouncementButtons = ({calendar, announcements}: CalendarAnnouncementButtonsProps) => {
return ( return (
<> <div className={styles.container}>
{ calendar && { calendar &&
<Button <Button
size={"md"} size={"md"}
@ -29,6 +29,6 @@ export const CalendarAnnouncementButtons = ({calendar, announcements}: CalendarA
>Vermeldungen</Button> >Vermeldungen</Button>
</span> </span>
} }
</> </div>
) )
} }

18
src/compositions/CalendarAnnouncementButtons/styles.module.scss
View file

@ -1,3 +1,17 @@
.margin { .container {
margin-left: 5px; display: flex;
gap: 5px;
flex-wrap: wrap;
justify-content: flex-end;
}
.container a {
flex-shrink: 0;
width: inherit;
}
@media screen and (max-width: 576px) {
.container {
justify-content: flex-start;
}
} }