purchasing/fuse-angular
3
0
Fork 0
mirror of https://github.com/richard-loafle/fuse-angular.git synced 2026-03-08 00:58:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

(tailwind) Removed the "aspect-ratio" plugin in favor of included "aspect" utility

Browse Source
This commit is contained in:
Sercan Yemen
2022-08-10 13:08:52 +03:00
parent 9b1c0f2541
commit a24bc3fc95
5 changed files with 10 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/modules/admin/apps/file-manager/details/details.component.html
View File

@@ -10,8 +10,8 @@
</div>
<!-- Preview -->
<div class="aspect-w-9 aspect-h-6 mt-8">
<div class="flex items-center justify-center border rounded-lg bg-gray-50 dark:bg-card">
<div class="mt-8 aspect-[9/6]">
<div class="flex items-center justify-center h-full border rounded-lg bg-gray-50 dark:bg-card">
<ng-container *ngIf="item.type === 'folder'">
<mat-icon
class="icon-size-24 text-hint"

16
src/app/modules/admin/apps/file-manager/list/list.component.html
View File

@@ -89,12 +89,12 @@
<a
class="z-10 absolute inset-0 flex flex-col p-4 cursor-pointer"
[routerLink]="['/apps/file-manager/folders/', folder.id]">
<div class="aspect-w-9 aspect-h-6">
<div class="flex items-center justify-center">
<div class="aspect-[9/6]">
<div class="flex items-center justify-center h-full">
<!-- Icon -->
<mat-icon
class="icon-size-14 text-hint"
[svgIcon]="'heroicons_outline:folder'"></mat-icon>
class="icon-size-14 text-hint opacity-50"
[svgIcon]="'heroicons_solid:folder'"></mat-icon>
</div>
</div>
<div class="flex flex-col flex-auto justify-center text-center text-sm font-medium">
@@ -122,13 +122,13 @@
<a
class="flex flex-col w-40 h-40 m-2 p-4 shadow rounded-2xl cursor-pointer bg-card"
[routerLink]="['./details/', file.id]">
<div class="aspect-w-9 aspect-h-6">
<div class="flex items-center justify-center">
<div class="aspect-[9/6]">
<div class="flex items-center justify-center h-full">
<!-- Icons -->
<div class="relative">
<mat-icon
class="icon-size-14 text-hint"
[svgIcon]="'heroicons_outline:document'"></mat-icon>
class="icon-size-14 text-hint opacity-50"
[svgIcon]="'heroicons_solid:document'"></mat-icon>
<div
class="absolute left-0 bottom-0 px-1.5 rounded text-sm font-semibold leading-5 text-white"
[class.bg-red-600]="file.type === 'PDF'"