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 2025-02-09 15:56:47 +01:00
parent 286cceaac9
commit f330a64f82
3 changed files with 17 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/routes/blog/+page.svelte
View File

@ -28,10 +28,11 @@
</h1> </h1>
</div> </div>
<div class="w-full grid grid-cols-1 sm:grid-cols-3 sm:gap-5"> <div class="w-full grid grid-cols-1 sm:grid-cols-3 gap-y-5 sm:gap-y-0 sm:gap-5">
{#if allBlogPosts?.length !== 0} {#if allBlogPosts?.length !== 0}
{#each allBlogPosts as item} {#each allBlogPosts as item}
<div <div
class="flex flex-col overflow-hidden rounded-lg shadow-lg sm:hover:shadow-2xl border border-gray-600" class="flex flex-col overflow-hidden rounded-lg shadow-lg sm:hover:shadow-2xl border border-gray-600"
> >
<div class="flex-shrink-0"> <div class="flex-shrink-0">
@ -49,13 +50,13 @@
> >
</div> </div>
<div <div
class="flex flex-1 flex-col justify-between bg-table p-4 xs:p-5 sm:p-6" class="flex flex-1 flex-col justify-between bg-table p-4 sm:p-6"
> >
<div class="flex-1"> <div class="flex-1">
<a <a
href={"/blog/article/" + convertToSlug(item?.title)} href={"/blog/article/" + convertToSlug(item?.title)}
class="mt-2 block" class="mt-2 block"
><h2 class="text-xl font-semibold text-white"> ><h2 class="text-lg sm:text-xl font-semibold text-white">
{item?.title} {item?.title}
</h2> </h2>
<p class="mt-3 text-sm text-white"> <p class="mt-3 text-sm text-white">

14
src/routes/blog/article/[slug]/+page.svelte
View File

@ -1,8 +1,6 @@
<script> <script>
import { numberOfUnreadNotification } from "$lib/store";
import { getImageURL } from "$lib/utils"; import { getImageURL } from "$lib/utils";
import SEO from "$lib/components/SEO.svelte"; import SEO from "$lib/components/SEO.svelte";
export let data; export let data;
const article = data?.getArticle; const article = data?.getArticle;
@ -27,11 +25,11 @@
<article <article
class="z-5 relative mx-1 -mt-10 rounded-t-md bg-default p-3 xs:p-4 lg:-mt-16 lg:ml-3 lg:p-5 xl:mx-4" class="z-5 relative mx-1 -mt-10 rounded-t-md bg-default p-3 xs:p-4 lg:-mt-16 lg:ml-3 lg:p-5 xl:mx-4"
> >
<header class="pb-3 border-b-[2px] border-white"> <header class="pb-3 border-b-[2px] border-white w-full sm:min-w-[850px] sm:max-w-[850px]">
<h1 class="mb-3 text-3xl font-bold text-white md:text-4xl"> <h1 class="mb-3 text-2xl sm:text-3xl font-bold text-white md:text-4xl ">
{article?.title} {article?.title}
</h1> </h1>
<div class="text-base text-muted"> <div class="text-white">
<div> <div>
Last Updated: {new Date(article?.updated)?.toLocaleString( Last Updated: {new Date(article?.updated)?.toLocaleString(
"en-US", "en-US",
@ -44,11 +42,17 @@
)} )}
</div> </div>
</div> </div>
</header> </header>
<div class="text-lg mt-4"> <div class="text-lg mt-4">
<div class="content"> <div class="content">
{@html article?.description} {@html article?.description}
</div> </div>
</div> </div>
</article> </article>

7
src/routes/learning-center/+page.svelte
View File

@ -27,7 +27,8 @@
</h1> </h1>
</div> </div>
<div class="w-full grid grid-cols-1 sm:grid-cols-3 sm:gap-5"> <div class="w-full grid grid-cols-1 sm:grid-cols-3 gap-y-5 sm:gap-y-0 sm:gap-5">
{#if allBlogPosts?.length !== 0} {#if allBlogPosts?.length !== 0}
{#each allBlogPosts as item} {#each allBlogPosts as item}
<div <div
@ -48,13 +49,13 @@
> >
</div> </div>
<div <div
class="flex flex-1 flex-col justify-between bg-table p-4 xs:p-5 sm:p-6" class="flex flex-1 flex-col justify-between bg-table p-3 sm:p-6"
> >
<div class="flex-1"> <div class="flex-1">
<a <a
href={"/learning-center/article/" + convertToSlug(item?.title)} href={"/learning-center/article/" + convertToSlug(item?.title)}
class="block" class="block"
><h2 class="text-xl font-semibold text-white"> ><h2 class="text-lg sm:text-xl font-semibold text-white">
{item?.title} {item?.title}
</h2> </h2>
<p class="mt-3 text-sm text-white"> <p class="mt-3 text-sm text-white">