ramon
/
skillbox
1
0
Fork 0
Code Issues 1 Pull Requests 1 Packages Projects 1 Releases 1 Wiki Activity

Fix submission form styling on mobile

This commit is contained in:
Ramon Wenger 2024-04-30 11:32:16 +02:00
parent d68d91b307
commit 60c6457e85
1 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
client/src/components/content-blocks/assignment/SubmissionForm.vue
View File

@ -112,6 +112,7 @@ const changeDocumentUrl = (documentUrl: string) => {
</script> </script>
<style scoped lang="postcss"> <style scoped lang="postcss">
@import 'styles/css/mixins/desktop.css';
.submission-form-container { .submission-form-container {
margin-bottom: $medium-spacing; margin-bottom: $medium-spacing;
@ -119,13 +120,16 @@ const changeDocumentUrl = (documentUrl: string) => {
margin-bottom: 12px; margin-bottom: 12px;
} }
&__submit {
margin-right: var(--medium-spacing);
}
&__actions { &__actions {
display: flex; display: flex;
align-items: center; align-items: center;
gap: var(--small-spacing);
flex-direction: column;
@mixin desktop {
gap: var(--medium-spacing);
flex-direction: row;
}
} }
&__document { &__document {