ctome
/
paimon-moe-fork
mirror of https://github.com/CrimsonTome/paimon-moe-fork.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fix homepage banner number on mobile device

pull/1/head
Made Baruna 2022-03-09 23:27:04 +07:00
parent fd84b0a045
commit 05dbce589e
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/routes/_index/banner.svelte
View File

@ -74,12 +74,12 @@
<div class="bg-item rounded-xl p-4 flex flex-col"> <div class="bg-item rounded-xl p-4 flex flex-col">
<div class="relative"> <div class="relative">
<img src="/images/home/{image}" alt="banner" style="min-height: 150px;" /> <img src="/images/home/{image}" alt="banner" style="min-height: 150px;" />
<div class="flex flex-wrap text-white justify-between items-center absolute bottom-0 w-full"> <div class="flex flex-wrap text-white justify-end items-center absolute bottom-0 w-full">
{#each Object.entries(featured) as [_, item], i} {#each Object.entries(featured) as [_, item], i}
<div <div
class="flex flex-col pt-2" class="flex flex-col pt-2"
style="background: linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 17%, rgba(0,0,0,0.75) 70%, rgba(0,0,0,0) 100%); style="background: linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 17%, rgba(0,0,0,0.75) 70%, rgba(0,0,0,0) 100%);
{i === 0 ? 'margin-right: 10%; margin-left: 30%;' : ''}" {i === 0 ? 'margin-right: 10%;' : ''}"
> >
<h3 class="text-3xl mr-4 font-black leading-6 text-right"> <h3 class="text-3xl mr-4 font-black leading-6 text-right">
{#if loading} {#if loading}