TeamPiped-mirror/Piped
1
0
Fork 0
mirror of https://github.com/TeamPiped/Piped.git synced 2024-08-14 23:57:27 +00:00
Code Issues Projects Releases Packages Wiki Activity

contain results in flexbox and implement custom Uno classes

Browse source
This commit is contained in:
iatenine 2023-07-16 15:05:56 -05:00
parent f61bcf5156
commit f621251a42
4 changed files with 5 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/components/ChannelItem.vue
View file

@ -1,7 +1,7 @@
<template> <template>
<div> <div class="flex flex-col flex-justify-between">
<router-link :to="props.item.url"> <router-link :to="props.item.url">
<div class="flex justify-center h-30"> <div class="flex justify-center h-10-rem mb-4">
<img class="aspect-square rounded-full" :src="props.item.thumbnail" loading="lazy" /> <img class="aspect-square rounded-full" :src="props.item.thumbnail" loading="lazy" />
</div> </div>
<p> <p>

2
src/components/PlaylistItem.vue
View file

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

2
src/components/VideoItem.vue
View file

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

1
uno.config.js
View file

@ -8,6 +8,7 @@ import presetWebFonts from "@unocss/preset-web-fonts";
export default defineConfig({ export default defineConfig({
transformers: [transformerDirective(), transformerVariantGroup()], transformers: [transformerDirective(), transformerVariantGroup()],
rules: [[/^h-([\.\d]+)-rem$/, ([_, num]) => ({ height: `${num}rem` })]],
presets: [ presets: [
presetUno({ presetUno({
dark: "media", dark: "media",