Dockery/Pinry
1
0
Fork 0
mirror of https://github.com/pinry/pinry.git synced 2025-11-17 18:30:39 +01:00
Code Issues Packages Projects Releases Activity

Feature: Add left-padding for pin-info

Browse Source
This commit is contained in:
winkidney
2019-11-27 13:21:58 +08:00
committed by Isaac Bythewood
parent 707825769b
commit 8f8e136355
1 changed files with 16 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
pinry-spa/src/components/Pins.vue
View File

@@ -22,13 +22,16 @@
<img class="avatar" :src="item.avatar" alt="">
</div>
<div class="pin-info">
<span class="dim">pined by&nbsp;<span>{{ item.author }}</span>&nbsp;in&nbsp;
<template v-for="tag in item.tags">
<span v-bind:key="tag" class="pin-tag">
&nbsp;
<router-link to="/tags/">{{ tag }}</router-link>
</span>
</template>
<span class="dim">pined by&nbsp;<span>{{ item.author }}</span>
<template v-if="item.tags.length > 0">
&nbsp;in&nbsp;
<template v-for="tag in item.tags">
<span v-bind:key="tag" class="pin-tag">
&nbsp;
<router-link to="/tags/">{{ tag }}</router-link>
</span>
</template>
</template>
</span>
</div>
<div class="is-clearfix"></div>
@@ -101,6 +104,9 @@ export default {
}
/* card */
$pin-footer-position-fix: -6px;
$avatar-width: 30px;
$avatar-height: 30px;
@mixin pin-detail-font-size{
font-size: 12px;
}
@@ -121,8 +127,8 @@ $pin-footer-position-fix: -6px;
border-radius: 3px 3px 0 0;
}
.avatar {
height: 30px;
width: 30px;
height: $avatar-height;
width: $avatar-width;
border-radius: 3px;
}
}
@@ -145,6 +151,7 @@ $pin-footer-position-fix: -6px;
> .pin-info {
line-height: 16px;
width: 220px;
padding-left: $avatar-width + 5px;
}
.pin-tag > a {
font-weight: bold;