Zergling_man/thedesk
Zergling_man/thedesk
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Add border to toot block

Browse Source
This commit is contained in:
kPherox 2019-04-28 02:51:41 +09:00
parent a573d25580
commit f495a95be5
No known key found for this signature in database
GPG Key ID: C04751C2BFA2F62D
1 changed files with 16 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/Timeline/Toot.vue
View File

@ -80,16 +80,30 @@ export default class Toot extends Vue {
<style scoped lang="postcss">
.toot {
padding: 0.5em;
text-align: left;
display: grid;
grid-template-columns: 2.7em 2fr 1fr;
column-gap: 0.5em;
row-gap: 0.3em;
grid-template-columns: 2.7em 1fr 98px;
grid-template-areas:
"avatar user date"
"avatar content content"
"avatar media media"
"avatar card card"
"vis action subaction";
.avatar {
border-top: solid 1px;
border-bottom: solid 1px;
& + .toot,
&:first-child {
border-top: none;
}
&:last-child {
border-bottom: none;
}
.toot-avatar {
grid-area: avatar;
height: 2.7em;
img {