Commit 2d946018 authored by Tania Zubrienko's avatar Tania Zubrienko
Browse files

banner requisitos

parent 776022db
Showing with 40 additions and 2 deletions
+40 -2
<template>
<div class="requirements">
<i class="fa-solid fa-chevron-left" @click="()=>router.push('/prerequisites')"></i>
<p>{{ t('prerequisites.blocking.title') }} ( {{ requisitos }} )</p>
</div>
</template>
<script setup>
import { prerequisites } from '@/mocks/prerequisites';
import { useI18n } from 'vue-i18n';
import { useRouter } from 'vue-router';
const router = useRouter()
const {t} = useI18n()
const requisitos = prerequisites.nonBlocking.length
</script>
<style>
.requirements{
display: flex;
/* width: 40vw; */
padding: 1em;
border-radius: 20px;
gap: 2em;
align-items: center;
margin: 1em 0;
background-color: #fff3e0;
color: #e65100;
font-weight: 700;
}
.requirements:hover{
background-color: #f57f17;
color: #fff3e0;
}
</style>
\ No newline at end of file
<template>
<div class="select-subjects-page">
<SubjectsHeader />
<RequirementBanner></RequirementBanner>
<TabSelector v-model="activeTab" :tabs="tabs" />
<div class="courses-container">
......@@ -25,6 +25,7 @@ import CourseDropdown from '@/components/select-subjects/CourseDropdown.vue'
import TabSelector from '@/components/select-subjects/TabSelector.vue'
import SubjectsHeader from '@/components/select-subjects/SubjectsHeader.vue'
import CreditsProgressBar from '@/components/select-subjects/CreditsProgressBar.vue'
import RequirementBanner from '@/components/select-subjects/RequirementBanner.vue'
export default {
name: 'SelectSubjectsView',
......@@ -32,7 +33,8 @@ export default {
CourseDropdown,
TabSelector,
SubjectsHeader,
CreditsProgressBar
CreditsProgressBar,
RequirementBanner
},
setup() {
const { t } = useI18n()
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment