DebaucheryLibrarian
/
traxxx-web
1
1
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

Linking scene tile to scene URL.

This commit is contained in:
DebaucheryLibrarian 2024-06-04 02:27:06 +02:00
parent 798c22c56d
commit 28e71e2eb3
1 changed files with 19 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
components/scenes/tile.vue
View File

@ -61,10 +61,17 @@
>{{ scene.channel.name }}</Link> >{{ scene.channel.name }}</Link>
</div> </div>
<time <Link
:datetime="scene.effectiveDate.toISOString()" :href="scene.url"
class="date" :title="scene.effectiveDate.toISOString()"
>{{ format(scene.effectiveDate, 'MMM d, y') }}</time> target="_blank"
class="date-link nolink"
>
<time
:datetime="scene.effectiveDate.toISOString()"
class="date"
>{{ format(scene.effectiveDate, 'MMM d, y') }}</time>
</Link>
</div> </div>
<Link <Link
@ -208,8 +215,8 @@ const favorited = ref(props.scene.stashes.some((sceneStash) => sceneStash.id ===
.meta { .meta {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: stretch;
padding: .4rem .5rem; padding: 0 .5rem;
border-radius: 0 0 .25rem .25rem; border-radius: 0 0 .25rem .25rem;
margin-bottom: .5rem; margin-bottom: .5rem;
position: relative; position: relative;
@ -223,6 +230,7 @@ const favorited = ref(props.scene.stashes.some((sceneStash) => sceneStash.id ===
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
font-weight: bold; font-weight: bold;
padding: .4rem 0;
} }
.favicon-link { .favicon-link {
@ -236,6 +244,11 @@ const favorited = ref(props.scene.stashes.some((sceneStash) => sceneStash.id ===
object-fit: contain; object-fit: contain;
} }
.date-link {
display: flex;
align-items: center;
}
.row { .row {
margin: 0 .5rem .25rem .5rem; margin: 0 .5rem .25rem .5rem;
font-size: .9rem; font-size: .9rem;