gilles/webgems
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #165 from jgierer12/favicons

Browse Source 
Add site favicons next to titles
This commit is contained in:
wellá
2019-10-14 14:50:02 +02:00
committed by GitHub
parent 62cc6b231d 52acd9b72b
commit b7bc941464
2 changed files with 17 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
components/Card.vue
View File

@@ -1,6 +1,8 @@
<template lang="pug"> <template lang="pug">
.card(:class="{ cardActive: isActive }") .card(:class="{ cardActive: isActive }")
p.card--title {{resource.title}} .card--meta
img.card--favicon(:src="'https://www.google.com/s2/favicons?domain=' + resource.url" aria-hidden="true")
p.card--title {{resource.title}}
p.card--description {{resource.desc}} p.card--description {{resource.desc}}
.card--links .card--links
a.card--reference(@click='createCopyUrl(resource)') Copy a.card--reference(@click='createCopyUrl(resource)') Copy
@@ -33,6 +35,17 @@ export default {
box-shadow:inset 0px 0px 0px 3px #08e5ff; box-shadow:inset 0px 0px 0px 3px #08e5ff;
} }
&--meta {
display: flex;
align-items: center;
}
&--favicon {
height: 16px;
width: 16px;
margin-right: .5rem;
}
&--reference { &--reference {
cursor: pointer; cursor: pointer;
display: flex; display: flex;

4
components/TableRow.vue
View File

@@ -1,5 +1,7 @@
<template lang="pug"> <template lang="pug">
tr.tableRow(:class="{ rowActive: isActive }") tr.tableRow(:class="{ rowActive: isActive }")
td.tableRow--favicon
img(:src="'https://www.google.com/s2/favicons?domain=' + resource.url" aria-hidden="true")
td.tableRow--title {{resource.title}} td.tableRow--title {{resource.title}}
td.tableRow--description {{resource.desc}} td.tableRow--description {{resource.desc}}
td.tableRow--links td.tableRow--links
@@ -33,7 +35,7 @@ export default {
transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
width: 1fr; width: 1fr;
display: grid; display: grid;
grid-template-columns: minmax(150px, 2fr) 8fr 125px; grid-template-columns: 1.5rem minmax(150px, 2fr) 8fr 125px;
&--title { &--title {
color: white; color: white;