xevion/the-office
1
0
Fork 0
mirror of https://github.com/Xevion/the-office.git synced 2025-12-10 14:08:56 -06:00
Code Issues Packages Projects Releases Wiki Activity

adjust Season image/text columns, make hyperlink carets blue/change to scoped scss

Browse Source
This commit is contained in:
Xevion
2020-09-14 15:01:52 -05:00
parent 9cc6dbfa50
commit 4b91c11562
1 changed files with 14 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
client/src/components/Season.vue
View File

@@ -5,8 +5,8 @@
<b-list-group>
<b-list-group-item v-for="episode in season.episodes" :key="episode.episode_id">
<b-row align-v="start">
<b-col cols="3">
<b-img src="https://via.placeholder.com/150"></b-img>
<b-col cols="5" md="4" lg="4" xl="3">
<b-img-lazy fluid-grow class="px-2" src="https://via.placeholder.com/250"></b-img-lazy>
</b-col>
<b-col>
<h4>
@@ -25,12 +25,18 @@
</div>
</template>
<style lang="css">
h4 .b-icon {
font-size: 0.85rem;
vertical-align: middle !important;
position: relative;
top: 3px;
<style lang="scss" scoped>
h4 {
.b-icon {
font-size: 0.9rem;
vertical-align: middle !important;
position: relative;
top: 3px;
color: #007fe0;
&:hover {
color: darken(#007fe0, 10%);
}
}
}
</style>