azalea/VeracrossAnalyzerDemo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[M] Move course-selection css to new file

Browse Source
This commit is contained in:
Hykilpikonna
2020-04-19 16:14:20 -04:00
parent 48d1931368
commit 533d788b6a
2 changed files with 89 additions and 89 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/course-selection/course-selection.scss
+88
View File
@@ -0,0 +1,88 @@
#info
{
margin: 20px 20px 10px;
.header
{
margin-top: 15px;
margin-bottom: 10px;
font-size: 30px;
color: #8c85ea;
}
.content
{
margin-bottom: 15px;
}
}
#course-list
{
margin-right: 20px;
height: 70vh;
.padding-fix
{
// Fix width issue
padding-left: 20px;
padding-right: 20px;
border-radius: 4px;
}
.header
{
.text
{
margin-top: 15px;
margin-bottom: 10px;
font-size: 24px;
}
.search
{
margin-bottom: 20px;
}
}
.list
{
overflow: scroll;
overflow-x: hidden;
height: 377px;
}
// Remove scrollbar
.list::-webkit-scrollbar
{
width: 0;
}
.item
{
height: 30px;
text-align: left;
margin-bottom: 10px;
background: #fbfbfb;
border-radius: 4px;
padding-left: 10px;
.name
{
// Text too long
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
}
}
// Cards
.left
{
margin-left: 20px;
}
src/pages/course-selection/course-selection.vue
+1 -89
View File
@@ -182,92 +182,4 @@
}
</script>
<style lang="scss" scoped>
#info
{
margin: 20px 20px 10px;
.header
{
margin-top: 15px;
margin-bottom: 10px;
font-size: 30px;
color: #8c85ea;
}
.content
{
margin-bottom: 15px;
}
}
#course-list
{
margin-right: 20px;
height: 70vh;
.padding-fix
{
// Fix width issue
padding-left: 20px;
padding-right: 20px;
border-radius: 4px;
}
.header
{
.text
{
margin-top: 15px;
margin-bottom: 10px;
font-size: 24px;
}
.search
{
margin-bottom: 20px;
}
}
.list
{
overflow: scroll;
overflow-x: hidden;
height: 377px;
}
// Remove scrollbar
.list::-webkit-scrollbar
{
width: 0;
}
.item
{
height: 30px;
text-align: left;
margin-bottom: 10px;
background: #fbfbfb;
border-radius: 4px;
padding-left: 10px;
.name
{
// Text too long
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
}
}
// Cards
.left
{
margin-left: 20px;
}
</style>
<style src="./course-selection.scss" lang="scss" scoped/>