Mirrored_Repos/Piped
1
0
Fork 0
mirror of https://github.com/TeamPiped/Piped.git synced 2024-11-22 13:37:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

Apply rounded border to channels in search results (#2672)

Browse Source 
* Apply rounded border to channels in search results

* use built-in utility class

* Contain channel thumbnail size

* contain results in flexbox and implement custom Uno classes

* correct linter errors

* remove custom rule
This commit is contained in:
Jack Linhart 2023-07-16 15:27:31 -05:00 committed by GitHub
parent 6119fa676b
commit a2f76dcd8e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/ChannelItem.vue
View File

@ -1,8 +1,8 @@
<template>
<div>
<div class="flex flex-col flex-justify-between">
<router-link :to="props.item.url">
<div class="relative">
<img class="w-full aspect-square" :src="props.item.thumbnail" loading="lazy" />
<div class="flex justify-center h-[10rem] mb-4">
<img class="aspect-square rounded-full" :src="props.item.thumbnail" loading="lazy" />
</div>
<p>
<span v-text="props.item.name" />

2
src/components/PlaylistItem.vue
View File

@ -1,5 +1,5 @@
<template>
<div>
<div class="flex flex-col flex-justify-between">
<router-link :to="props.item.url">
<div class="relative">
<img class="w-full" :src="props.item.thumbnail" loading="lazy" />

2
src/components/VideoItem.vue
View File

@ -1,5 +1,5 @@
<template>
<div v-if="showVideo">
<div class="flex flex-col flex-justify-between" v-if="showVideo">
<router-link
class="focus:underline hover:underline inline-block w-full"
:to="{