Skip to content

Commit 67f8f66

Browse files
shanerbaner82shanerbaner82
committed
Updates ui
1 parent 69bec0c commit 67f8f66

6 files changed

Lines changed: 57 additions & 55 deletions

File tree

‎.ai/mcp/mcp.json‎

Whitespace-only changes.

‎package-lock.json‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎resources/views/components/blog/ad-rotation.blade.php‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -45,15 +45,15 @@ class="w-25 transition duration-200 will-change-transform group-hover:-translate
4545

4646
{{-- Star 1 --}}
4747
<x-icons.star
48-
class="absolute top-6 right-3 z-10 w-4 -rotate-7 text-white dark:w-3 dark:text-slate-300"
48+
class="absolute top-6 right-3 z-10 w-4 -rotate-7 text-white dark:w-3 dark:text-slate-300 animate-ping"
4949
/>
5050
{{-- Star 2 --}}
5151
<x-icons.star
52-
class="absolute top-3 right-14 z-10 w-3 rotate-5 text-white dark:w-2 dark:text-slate-300"
52+
class="absolute top-3 right-14 z-10 w-3 rotate-5 text-white dark:w-2 dark:text-slate-300 animate-spin "
5353
/>
5454
{{-- Star 3 --}}
5555
<x-icons.star
56-
class="absolute top-2.5 right-7.5 z-10 w-2.5 text-white dark:w-2 dark:text-slate-300"
56+
class="absolute top-2.5 right-7.5 z-10 w-2.5 text-white dark:w-2 dark:text-slate-300 animate-pulse"
5757
/>
5858
{{-- White blur --}}
5959
<div class="absolute top-5 -right-10 -z-5">
@@ -107,13 +107,13 @@ class="group relative z-0 grid place-items-center overflow-hidden rounded-2xl bg
107107

108108
{{-- Decorative stars --}}
109109
<x-icons.star
110-
class="absolute top-4 right-3 z-10 w-3 -rotate-7 text-purple-300"
110+
class="absolute top-4 right-3 z-10 w-3 -rotate-7 text-purple-300 animate-spin "
111111
/>
112112
<x-icons.star
113-
class="absolute top-8 left-4 z-10 w-2 rotate-12 text-indigo-300"
113+
class="absolute top-8 left-4 z-10 w-2 rotate-12 text-indigo-300 animate-pulse "
114114
/>
115115
<x-icons.star
116-
class="absolute bottom-12 right-6 z-10 w-2.5 text-purple-200"
116+
class="absolute bottom-12 right-6 z-10 w-2.5 text-purple-200 animate-ping "
117117
/>
118118
</a>
119119
@endif
@@ -149,13 +149,13 @@ class="group relative z-0 grid place-items-center overflow-hidden rounded-2xl bg
149149

150150
{{-- Decorative stars --}}
151151
<x-icons.star
152-
class="absolute top-4 right-3 z-10 w-3 -rotate-7 text-amber-200"
152+
class="absolute top-4 right-3 z-10 w-3 -rotate-7 text-amber-200 animate-ping "
153153
/>
154154
<x-icons.star
155-
class="absolute top-8 left-4 z-10 w-2 rotate-12 text-orange-200"
155+
class="absolute top-8 left-4 z-10 w-2 rotate-12 text-orange-200 animate-spin "
156156
/>
157157
<x-icons.star
158-
class="absolute bottom-12 right-6 z-10 w-2.5 text-amber-100"
158+
class="absolute bottom-12 right-6 z-10 w-2.5 text-amber-100 animate-pulse "
159159
/>
160160
</a>
161161
@endif

‎resources/views/components/blog/article-card.blade.php‎

Lines changed: 24 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -14,13 +14,29 @@ class="group relative z-0 block overflow-hidden rounded-2xl bg-zinc-200/60 p-7 t
1414
>
1515
{{-- Header --}}
1616
<div class="flex items-start justify-between gap-10">
17-
{{-- Title --}}
18-
<h3
19-
id="article-title-{{ Str::slug($title) }}"
20-
class="line-clamp-4 max-w-xs text-xl leading-relaxed font-semibold"
21-
>
22-
{{ $title }}
23-
</h3>
17+
<div>
18+
{{-- Title --}}
19+
<h3
20+
id="article-title-{{ Str::slug($title) }}"
21+
class="line-clamp-4 text-xl leading-relaxed font-semibold text-pretty"
22+
>
23+
{{ $title }}
24+
</h3>
25+
{{-- Date --}}
26+
@if ($date)
27+
@php
28+
$dateObject = \Carbon\Carbon::parse($date);
29+
$formattedDate = $dateObject->format('F j, Y');
30+
@endphp
31+
32+
<time
33+
datetime="{{ $date }}"
34+
class="shrink-0 text-xs opacity-50"
35+
>
36+
{{ $formattedDate }}
37+
</time>
38+
@endif
39+
</div>
2440

2541
{{-- Arrow --}}
2642
<x-icons.right-arrow
@@ -30,23 +46,8 @@ class="mt-2 -ml-5 size-3.5 shrink-0 transition duration-300 will-change-transfor
3046
</div>
3147

3248
<div class="flex items-end justify-between gap-10 pt-5">
33-
{{-- Date --}}
34-
@if ($date)
35-
@php
36-
$dateObject = \Carbon\Carbon::parse($date);
37-
$formattedDate = $dateObject->format('F j, Y');
38-
@endphp
39-
40-
<time
41-
datetime="{{ $date }}"
42-
class="shrink-0 text-sm opacity-50"
43-
>
44-
{{ $formattedDate }}
45-
</time>
46-
@endif
47-
4849
{{-- Content --}}
49-
<p class="line-clamp-3 max-w-72 text-xs leading-relaxed opacity-80">
50+
<p class="line-clamp-3 text-sm leading-relaxed opacity-50">
5051
{{ $slot }}
5152
</p>
5253
</div>

‎resources/views/components/navbar/mobile-menu.blade.php‎

Lines changed: 19 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -384,13 +384,22 @@ class="mt-6 mb-2 flex w-full flex-wrap items-center justify-between gap-2 pb-2"
384384
{{-- Doc search --}}
385385
<div class="contrast-150 dark:contrast-100">
386386
<div
387-
id="docsearch-mobile"
388-
x-on:click="
389-
window.scrollTo({ top: 0, behavior: 'instant' })
390-
showMobileMenu = false
391-
"
392-
aria-label="Search documentation"
393-
></div>
387+
class=" -mr-0.5 transition-all duration-200 ease-in-out will-change-transform lg:block"
388+
>
389+
<div
390+
id="docsearch-desktop"
391+
x-on:click="if (window.innerWidth < 640) window.scrollTo({ top: 0, behavior: 'instant' })"
392+
aria-label="Search documentation"
393+
></div>
394+
</div>
395+
{{-- <div--}}
396+
{{-- id="docsearch-mobile"--}}
397+
{{-- x-on:click="--}}
398+
{{-- window.scrollTo({ top: 0, behavior: 'instant' })--}}
399+
{{-- showMobileMenu = false--}}
400+
{{-- "--}}
401+
{{-- aria-label="Search documentation"--}}
402+
{{-- ></div>--}}
394403
</div>
395404

396405
<div
@@ -445,9 +454,9 @@ class="h-0.5 w-full rounded-full bg-current opacity-5"
445454
role="presentation"
446455
></div>
447456

448-
<div class="mt-4 flex justify-center">
449-
<x-bifrost-button />
450-
</div>
457+
{{-- <div class="mt-4 flex justify-center">--}}
458+
{{-- <x-bifrost-button />--}}
459+
{{-- </div>--}}
451460

452461
<nav
453462
class="mx-auto mt-4 flex"

‎resources/views/components/navigation-bar.blade.php‎

Lines changed: 4 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -71,20 +71,12 @@ class="-mt-px size-3.5"
7171
{{-- Right side --}}
7272
<div class="flex items-center gap-2.5">
7373
{{-- Theme toggle (visible on large screens) --}}
74-
<div class="hidden lg:block">
75-
<x-navbar.theme-toggle />
76-
</div>
74+
{{-- <div class="hidden lg:block">--}}
75+
{{-- <x-navbar.theme-toggle />--}}
76+
{{-- </div>--}}
7777

7878
{{-- Doc search (visible on large screens) --}}
79-
<div
80-
class="hidden -mr-0.5 transition-all duration-200 ease-in-out will-change-transform lg:block"
81-
>
82-
<div
83-
id="docsearch-desktop"
84-
x-on:click="if (window.innerWidth < 640) window.scrollTo({ top: 0, behavior: 'instant' })"
85-
aria-label="Search documentation"
86-
></div>
87-
</div>
79+
8880

8981
{{-- Bifrost button (visible on large screens) --}}
9082
<div class="hidden lg:block">

0 commit comments

Comments
 (0)