xevion/the-office
1
0
Fork 0
mirror of https://github.com/Xevion/the-office.git synced 2025-12-15 02:13:27 -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

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

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