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--> <!--Start PostType Text-->
<div class="flex flex-wrap md:flex-row container"> <div class="flex flex-wrap md:flex-row container">
<div class="cursor-pointer flex items-start"> <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"> <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 sm:flex-row items-center sm:items-start pr-7 pb-2">
<div class="flex flex-col items-start w-full"> <div class="flex flex-col items-start w-full">
<!-- Post Title --> <!-- 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} {posts?.title}
</h2> </h2>
<!-- Post Description --> <!-- Post Description -->

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

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