Change icons in cockpit

client/src/components/feedback/feedbackSummary.vue

@@ -1,8 +1,9 @@
 <template>
   <div class="mb-4 bg-white px-6 py-5">
-    <h2 class="heading-3 mb-4 bg-feedback bg-60 bg-no-repeat pl-[68px] leading-[60px]">
-      {{ $t("general.feedback", 2) }}
-    </h2>
+    <h3 class="heading-3 mb-4 flex items-center gap-2">
+      <it-icon-feedback-large class="h-16 w-16"></it-icon-feedback-large>
+      <div>{{ $t("general.feedback", 2) }}</div>
+    </h3>
     <ol v-if="feedbackSummary.length > 0">
       <ItRow v-for="feedbacks in feedbackSummary" :key="feedbacks.circle_id">
         <template #firstRow>

client/src/pages/cockpit/assignmentEvaluationPage/AssignmentEvaluationPage.vue

@@ -76,7 +76,10 @@ const assignmentCompletion = computed(() => assignmentStore.assignmentCompletion
       <header
         class="relative flex h-12 w-full items-center justify-between border-b border-b-gray-400 bg-white px-4 lg:h-16 lg:px-8"
       >
-        <div>Geleitete Fallarbeit: {{ state.assignment.title }}</div>
+        <div class="flex items-center text-gray-900">
+          <it-icon-assignment class="h-6 w-6"></it-icon-assignment>
+          <div class="ml-2">Geleitete Fallarbeit: {{ state.assignment.title }}</div>
+        </div>
         <button
           type="button"
           class="absolute right-2 top-2 h-8 w-8 cursor-pointer lg:right-4 lg:top-4"

client/src/pages/cockpit/assignmentsPage/AssignmentsPage.vue

@@ -50,7 +50,7 @@ const assignments = computed(() => {
       </nav>
       <header>
         <h2 class="heading-2 mb-4 flex items-center gap-2">
-          <it-icon-lc-assignment class="h-16 w-16"></it-icon-lc-assignment>
+          <it-icon-assignment-large class="h-16 w-16"></it-icon-assignment-large>
           <div>Geleitete Fallarbeiten</div>
         </h2>
       </header>

client/src/pages/cockpit/cockpitPage/AssignmentsTile.vue

@@ -30,7 +30,7 @@ const assignments = computed(() => {
   <div class="bg-white px-6 py-5">
     <div v-if="cockpitStore.courseSessionUsers">
       <h3 class="heading-3 mb-4 flex items-center gap-2">
-        <it-icon-lc-assignment class="h-16 w-16"></it-icon-lc-assignment>
+        <it-icon-assignment-large class="h-16 w-16"></it-icon-assignment-large>
         <div>Geleitete Fallarbeiten</div>
       </h3>
 

client/src/pages/cockpit/cockpitPage/CockpitPage.vue

@@ -107,11 +107,10 @@ function setActiveClasses(translationKey: string) {
           :course-session="courseSessionStore.currentCourseSession"
         />
         <div class="bg-white px-6 py-5">
-          <h1
-            class="heading-3 mb-4 bg-test bg-60 bg-no-repeat pl-[68px] leading-[60px]"
-          >
-            {{ $t("general.examResult", 2) }}
-          </h1>
+          <h3 class="heading-3 mb-4 flex items-center gap-2">
+            <it-icon-test-large class="h-16 w-16"></it-icon-test-large>
+            <div>{{ $t("general.examResult", 2) }}</div>
+          </h3>
           <div class="mb-4">
             <ItProgress :status-count="data.transferProgress"></ItProgress>
           </div>

client/tailwind.config.js

@@ -32,9 +32,6 @@ module.exports = {
         "handlungsfelder-overview":
           "url('/static/icons/icon-handlungsfelder-overview.svg')",
         "lernmedien-overview": "url('/static/icons/icon-lernmedien-overview.svg')",
-        assignment: "url('/static/icons/icon-lc-assignment.svg')",
-        feedback: "url('/static/icons/icon-feedback.svg')",
-        test: "url('/static/icons/icon-lc-test.svg')",
         message: "url('/static/icons/icon-message.svg')",
       },
       borderColor: (theme) => ({