Ninjaws/Portfolio-Website
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

[Updated] Bit more

Browse Source
This commit is contained in:
Ninjaws
2024-11-24 17:06:18 +01:00
parent a0c1043078
commit 33a6b7f3e9
1 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/project-card/project-card.component.html
+6 -5
View File
@@ -37,13 +37,14 @@
</button>
</div> -->
<div class="relative">
<div class="relative"
[class.mb-2]="isTruncated || isExpanded">
<!-- max-h-40 -->
<p #description
class="text-gray-300 mb-4 lg:whitespace-pre-line overflow-hidden transition-all duration-300 ease-in-out"
class="text-gray-300 mb-4 xl:whitespace-pre-line overflow-hidden transition-all duration-300 ease-in-out"
[class.max-h-none]="isExpanded"
[class.max-h-40]="!isExpanded"
[class.max-h-52]="!isExpanded"
[class.whitespace-pre-line]="isTruncated || isExpanded"
[class.overflow-visible]="isExpanded"
[class.overflow-hidden]="!isExpanded"
@@ -57,10 +58,10 @@
<!-- Show More Button (Optional) -->
<button *ngIf="isTruncated && !isExpanded"
(click)="toggleExpand()"
class="text-teal-600 mt-1 hover:text-teal-400">
class="text-teal-600 hover:text-teal-400">
Show More
</button>
<button *ngIf="isExpanded" (click)="toggleExpand()" class="text-teal-500 mt-2 hover:text-teal-200">
<button *ngIf="isExpanded" (click)="toggleExpand()" class="text-teal-500 hover:text-teal-200">
Show Less
</button>
</div>