AmineTMIRI/frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ui fix

Browse Source
This commit is contained in:
MuslemRahimi 2024-10-06 23:26:24 +02:00
parent 0764a3e3db
commit 9d90650216
2 changed files with 13 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/lib/components/PostSection.svelte
View File

@ -418,7 +418,7 @@ $: {
<!--Start PostType Text-->
<div class="flex flex-wrap md:flex-row container">
<div class="cursor-pointer flex items-start">
<div class="flex-grow w-full sm:w-3/4 max-w-2xl break-all">
<div class="flex-grow w-full sm:w-3/4 max-w-2xl break-all text-white">
<div class="mt-2 flex flex-wrap sm:hover:text-[#0099FF] text-start text-[1.1rem] sm:text-xl font-semibold mb-2 flex-shrink w-fit break-normal">
@ -471,7 +471,7 @@ $: {
<div class="flex flex-col sm:flex-row items-center sm:items-start pr-7 pb-2">
<div class="flex flex-col items-start w-full">
<!-- Post Title -->
<h2 class="pl-3 pt-2 text-start sm:hover:text-[#0099FF] text-[1.1rem] sm:text-xl font-semibold w-full mb-1 pr-5 flex-shrink break-normal">
<h2 class="pl-3 pt-2 text-white text-start sm:hover:text-[#0099FF] text-[1.1rem] sm:text-xl font-semibold w-full mb-1 pr-5 flex-shrink break-normal">
{posts?.title}
</h2>
<!-- Post Description -->

19
src/routes/community/+page.svelte
View File

@ -10,6 +10,8 @@
import SkeletonLoading from '$lib/components/SkeletonLoading.svelte';
import InfiniteLoading from '$lib/components/InfiniteLoading.svelte';
import communityBanner from '$lib/images/community_banner.jpg';
import * as Avatar from "$lib/components/shadcn/avatar/index.js";
export let data;
export let form;
@ -609,18 +611,17 @@ $: {
<div class="ml-12 avatar-group -space-x-6 rtl:space-x-reverse">
{#each discordData?.members?.slice(0,5) as item, index}
{#if index < 4}
<div class="avatar">
<div class="w-8">
<img src={item['avatar_url']} />
</div>
</div>
<Avatar.Root>
<Avatar.Image src={item['avatar_url']} />
<Avatar.Fallback>CN</Avatar.Fallback>
</Avatar.Root>
{/if}
{#if index >=4}
<div class="avatar placeholder">
<div class="w-8 bg-neutral text-sm text-white">
<span>+{discordData?.members?.length -4}</span>
</div>
<Avatar.Root class="bg-neutral relative">
<div class="w-8 h-8 flex-shrink-0 text-sm text-center text-white flex items-center justify-center">
<span class="absolute transform -translate-x-1/2 -translate-y-1/2 left-1/2 top-1/2">+{discordData?.members?.length - 4}</span>
</div>
</Avatar.Root>
{/if}
{/each}
</div>