Skip to content

saved courses header #883

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 6 commits into
base: main
Choose a base branch
from
Open

saved courses header #883

Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
916cc5c
refactor whole codebase to plans instead of semesters
elizabeth-tang Oct 1, 2023
e75d159
add functions that disappeared after merge
elizabeth-tang Oct 1, 2023
bf193b9
Merge branch 'main' of https://github.com/cornell-dti/course-plan
elizabeth-tang Oct 23, 2023
a289ec7
Merge branch 'main' of https://github.com/cornell-dti/course-plan
elizabeth-tang Dec 4, 2023
0c7c230
heading for saved courses
elizabeth-tang Feb 12, 2024
ed0fd3a
Revert "Merge branch 'main' of https://github.com/cornell-dti/course-…
elizabeth-tang Feb 12, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
46 changes: 46 additions & 0 deletions src/components/SavedCourses/SavedCoursesHeader.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,46 @@
<template>
<div class="requirementheader">
<h1 class="top header-title">Collections</h1>
<div class="collection">
<drop-down-arrow class="collection-dropdown" :fillColor="darkGray" />
<div class="collection-name">All</div>
</div>
</div>
</template>

<script lang="ts">
import { defineComponent } from 'vue';
import DropDownArrow from '@/components/DropDownArrow.vue';

export default defineComponent({
components: { DropDownArrow },
props: {},
});
</script>

<style scoped lang="scss">
@import '@/assets/scss/_variables.scss';

.top {
margin: 1.5rem 0 1rem 0;

&-small {
margin: 0px;
}
}

.header-title {
color: $darkGray;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.collection-name {
display: inline-block;
position: relative;
left: 0.5rem;
color: $darkGray;
}
</style>