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

Style submission page

This commit is contained in:
Christian Cueni 2019-11-18 15:31:42 +01:00
parent 6bdce35f7f
commit 714cb713b1
1 changed files with 15 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
client/src/pages/studentSubmission.vue
View File

@ -1,20 +1,19 @@
<template> <template>
<div class="article submission-page"> <div class="submission-page">
<div class="article__header"> <div class="submission-page__header submission-header">
<!-- <h1 class="article__title">{{studentSubmission.assignment.title}}</h1> --> <h2>Aufgabe</h2>
<h1>Aufgabe</h1>
<p>{{studentSubmission.assignment.assignment}}</p> <p>{{studentSubmission.assignment.assignment}}</p>
</div> </div>
<div class="article__content article-content"> <div class="submission-page__content submission-content">
<h2 class="article__subtitle">Ergebnis von {{fullName}}</h2> <h2>Ergebnis von {{fullName}}</h2>
<p v-if="studentSubmission.document && studentSubmission.document.length > 0" class="article-content__document"> <p v-if="studentSubmission.document && studentSubmission.document.length > 0" class="article-content__document">
<a :href="studentSubmission.document" class="entry-document__link link" target="_blank"> <a :href="studentSubmission.document" class="entry-document__link link" target="_blank">
<student-submission-document :document="studentSubmission.document"></student-submission-document> <student-submission-document :document="studentSubmission.document"></student-submission-document>
</a> </a>
</p> </p>
<p class="article-content__text" v-html="text"></p> <p v-html="text"></p>
</div> </div>
<div class="feedback-submission"> <div class="submission-page__feedback feedback">
<feedback-form <feedback-form
v-if="studentSubmission" v-if="studentSubmission"
@turnIn="turnIn" @turnIn="turnIn"
@ -197,14 +196,15 @@
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
@import "@/styles/_functions.scss"; @import "@/styles/_variables.scss";
.article-content {
&__document { .submission-page {
margin-bottom: 1rem; &__content {
margin-top: 1.5*$large-spacing;
} }
&__text /deep/ > p { &__feedback {
margin-bottom: 1em; margin-top: $large-spacing;
} }
} }