eightequal/AstralRinth
1
0
Fork 0
forked from didirus/AstralRinth
Code Pull Requests Activity

Mostly accessibility stuff (#344)

Browse Source
This commit is contained in:
stairman06
2022-01-20 22:21:13 -06:00
committed by GitHub
parent 98c85441f8
commit 643cd87706
13 changed files with 212 additions and 162 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
components/ui/ProjectCard.vue
View File

@@ -1,5 +1,5 @@
<template>
<article class="project-card card">
<article class="project-card card" :aria-label="name" role="listitem">
<div class="columns">
<div class="icon">
<nuxt-link :to="`/${type}/${id}`">
@@ -26,7 +26,7 @@
v-if="clientSide === 'optional' && serverSide === 'optional'"
class="side-descriptor"
>
<InfoIcon />
<InfoIcon aria-hidden="true" />
Universal {{ type }}
</div>
<div
@@ -36,7 +36,7 @@
"
class="side-descriptor"
>
<InfoIcon />
<InfoIcon aria-hidden="true" />
Client {{ type }}
</div>
<div
@@ -46,7 +46,7 @@
"
class="side-descriptor"
>
<InfoIcon />
<InfoIcon aria-hidden="true" />
Server {{ type }}
</div>
</div>
@@ -56,18 +56,18 @@
<Categories :categories="categories" class="right-categories" />
<div class="dates">
<div class="date">
<CalendarIcon />
<CalendarIcon aria-hidden="true" />
Created {{ $dayjs(createdAt).fromNow() }}
</div>
<div class="date">
<EditIcon />
<EditIcon aria-hidden="true" />
Updated {{ $dayjs(updatedAt).fromNow() }}
</div>
</div>
</div>
<div class="right-side">
<div v-if="downloads" class="stat">
<DownloadIcon />
<DownloadIcon aria-hidden="true" />
<p>
<strong>{{ formatNumber(downloads) }}</strong> download<span
v-if="downloads !== '1'"
@@ -76,7 +76,7 @@
</p>
</div>
<div v-if="follows" class="stat">
<HeartIcon />
<HeartIcon aria-hidden="true" />
<p>
<strong>{{ formatNumber(follows) }}</strong> follower<span
v-if="follows !== '1'"