MinPluto/MinPluto-Frontend
MinPluto/MinPluto-Frontend
Archived
1
Fork 0
Code Issues Pull requests Activity

Update channel component

Browse source
This commit is contained in:
Korbs 2024-07-12 23:34:10 -04:00
parent 52c889bb21
commit b1b536e177
1 changed files with 9 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/components/DiscoverChannel.astro
View file

@ -11,7 +11,7 @@ import { DEFAULT_MEDIA_DATA_PROXY, DEFAULT_IMAGE_PROXY} from '@utils/GetConfig'
const channel = await fetch(DEFAULT_MEDIA_DATA_PROXY + "/api/v1/channels/" + ChannelId).then((response) => response.json());
---
<a href={'/channel/' + channel.authorId} style={"background: url('" + DEFAULT_IMAGE_PROXY + '/' + channel.authorThumbnails[0].url} class="discovery-channel">
<a href={'/channel/' + channel.authorId} style={"background: url('" + DEFAULT_IMAGE_PROXY + '/' + channel.authorThumbnails[5].url} class="discovery-channel">
<div class="dc-c">
<img src={DEFAULT_IMAGE_PROXY + '/' + channel.authorThumbnails[5].url}/>
<p>{channel.author}</p>
@ -25,7 +25,7 @@ const channel = await fetch(DEFAULT_MEDIA_DATA_PROXY + "/api/v1/channels/" + Cha
background-position: center !important;
background-size: cover !important;
.dc-c {
border-radius: 10px;
border-radius: 8px;
display: flex;
flex-direction: row;
align-items: center;
@ -37,6 +37,13 @@ const channel = await fetch(DEFAULT_MEDIA_DATA_PROXY + "/api/v1/channels/" + Cha
border-radius: 10rem;
padding: 30px;
}
p {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
width: 160px;
}
}
}
</style>