STEMMechanics/Website
1
0
Fork 0
Code Issues 4 Pull Requests 1 Actions Packages Projects Releases 3 Wiki Activity

fix footer on small displays

Browse Source
This commit is contained in:
James Collins
2023-05-08 11:16:56 +10:00
parent a66cde3934
commit 63e05e924a
1 changed files with 7 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
resources/js/components/SMFormCard.vue
View File

@@ -55,6 +55,7 @@ const slots = useSlots();
.footer { .footer {
margin-top: 32px; margin-top: 32px;
display: flex; display: flex;
gap: 16px;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
@@ -68,4 +69,10 @@ const slots = useSlots();
margin-top: 0; margin-top: 0;
} }
} }
@media only screen and (max-width: 768px) {
.form-card .footer {
flex-direction: column;
}
}
</style> </style>