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>
</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}
{#each allBlogPosts as item}
<div
class="flex flex-col overflow-hidden rounded-lg shadow-lg sm:hover:shadow-2xl border border-gray-600"
>
<div class="flex-shrink-0">
@ -49,13 +50,13 @@
>
</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">
<a
href={"/blog/article/" + convertToSlug(item?.title)}
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}
</h2>
<p class="mt-3 text-sm text-white">

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

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

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

@ -27,7 +27,8 @@
</h1>
</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}
{#each allBlogPosts as item}
<div
@ -48,13 +49,13 @@
>
</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">
<a
href={"/learning-center/article/" + convertToSlug(item?.title)}
class="block"
><h2 class="text-xl font-semibold text-white">
><h2 class="text-lg sm:text-xl font-semibold text-white">
{item?.title}
</h2>
<p class="mt-3 text-sm text-white">