imacat/lucia-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: file grid card line-height done.

Browse Source
This commit is contained in:
chiayin
2024-02-22 10:38:07 +08:00
parent d921d9fa75
commit d18673acc8
2 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Compare/SidebarStates.vue
View File

@@ -12,7 +12,7 @@
<section class="w-[204px] box-border pr-4"> <section class="w-[204px] box-border pr-4">
<div class="mb-4"> <div class="mb-4">
<p class="h2">File Name</p> <p class="h2">File Name</p>
<p class="text-sm whitespace-nowrap break-keep overflow-hidden text-ellipsis" :title="primaryStatData.name">{{ primaryStatData.name }}</p> <p class="text-sm leading-normal whitespace-nowrap break-keep overflow-hidden text-ellipsis" :title="primaryStatData.name">{{ primaryStatData.name }}</p>
</div> </div>
<!-- Stats --> <!-- Stats -->
<ul class="pb-4 border-b border-neutral-300"> <ul class="pb-4 border-b border-neutral-300">
@@ -81,7 +81,7 @@
<section class="w-[204px] box-border pl-4"> <section class="w-[204px] box-border pl-4">
<div class="mb-4"> <div class="mb-4">
<p class="h2">File Name</p> <p class="h2">File Name</p>
<p class="text-sm whitespace-nowrap break-keep overflow-hidden text-ellipsis" :title="secondaryStatData.name">{{ secondaryStatData.name }}</p> <p class="text-sm leading-norma whitespace-nowrap break-keep overflow-hidden text-ellipsis" :title="secondaryStatData.name">{{ secondaryStatData.name }}</p>
</div> </div>
<!-- Stats --> <!-- Stats -->
<ul class="pb-4 border-b border-neutral-300"> <ul class="pb-4 border-b border-neutral-300">

20
src/views/Files/index.vue
View File

@@ -22,10 +22,10 @@
<span class="material-symbols-outlined mb-2 !text-[32px] block"> <span class="material-symbols-outlined mb-2 !text-[32px] block">
{{element.icon}} {{element.icon}}
</span> </span>
<h3 class="text-sm font-medium mb-2 whitespace-nowrap break-keep overflow-hidden text-ellipsis"> <h3 class="text-sm font-medium mb-2 whitespace-nowrap break-keep overflow-hidden text-ellipsis leading-tight">
{{element.name}} {{element.name}}
</h3> </h3>
<p class="text-sm text-neutral-500 whitespace-nowrap break-keep text-ellipsis overflow-hidden"> <p class="text-sm text-neutral-500 whitespace-nowrap break-keep text-ellipsis overflow-hidden leading-tight">
{{element.parentLog}} {{element.parentLog}}
</p> </p>
</div> </div>
@@ -54,10 +54,10 @@
<span class="material-symbols-outlined mb-2 !text-[32px] block"> <span class="material-symbols-outlined mb-2 !text-[32px] block">
{{element.icon}} {{element.icon}}
</span> </span>
<h3 class="text-sm font-medium mb-2 whitespace-nowrap break-keep overflow-hidden text-ellipsis"> <h3 class="text-sm font-medium mb-2 whitespace-nowrap break-keep overflow-hidden text-ellipsis leading-tight">
{{element.name}} {{element.name}}
</h3> </h3>
<p class="text-sm text-neutral-500 whitespace-nowrap break-keep text-ellipsis overflow-hidden"> <p class="text-sm text-neutral-500 whitespace-nowrap break-keep text-ellipsis overflow-hidden leading-tight">
{{element.parentLog}} {{element.parentLog}}
</p> </p>
</div> </div>
@@ -85,10 +85,10 @@
<span class="material-symbols-outlined mb-2 !text-[32px] block"> <span class="material-symbols-outlined mb-2 !text-[32px] block">
{{ file.icon }} {{ file.icon }}
</span> </span>
<h3 class="text-sm font-medium mb-2 whitespace-nowrap break-keep overflow-hidden text-ellipsis"> <h3 class="text-sm font-medium mb-2 whitespace-nowrap break-keep overflow-hidden text-ellipsis leading-tight">
{{ file.name }} {{ file.name }}
</h3> </h3>
<p class="text-sm text-neutral-500 whitespace-nowrap break-keep text-ellipsis overflow-hidden"> <p class="text-sm text-neutral-500 whitespace-nowrap break-keep text-ellipsis overflow-hidden leading-tight">
{{ file.parentLog }} {{ file.parentLog }}
</p> </p>
</div> </div>
@@ -123,10 +123,10 @@
<span class="material-symbols-outlined mb-2 !text-[32px] block"> <span class="material-symbols-outlined mb-2 !text-[32px] block">
{{ element.icon }} {{ element.icon }}
</span> </span>
<h3 class="text-sm font-medium mb-2 whitespace-nowrap break-keep overflow-hidden text-ellipsis"> <h3 class="text-sm font-medium mb-2 whitespace-nowrap break-keep overflow-hidden text-ellipsis leading-tight">
{{ element.name }} {{ element.name }}
</h3> </h3>
<p class="text-sm text-neutral-500 whitespace-nowrap break-keep text-ellipsis overflow-hidden"> <p class="text-sm text-neutral-500 whitespace-nowrap break-keep text-ellipsis overflow-hidden leading-tight">
{{ element.parentLog }} {{ element.parentLog }}
</p> </p>
</div> </div>
@@ -184,10 +184,10 @@
<span class="material-symbols-outlined mb-2 !text-[32px] block"> <span class="material-symbols-outlined mb-2 !text-[32px] block">
{{ file.icon }} {{ file.icon }}
</span> </span>
<h3 class="text-sm font-medium mb-2 whitespace-nowrap break-keep overflow-hidden text-ellipsis"> <h3 class="text-sm font-medium mb-2 whitespace-nowrap break-keep overflow-hidden text-ellipsis leading-tight">
{{ file.name }} {{ file.name }}
</h3> </h3>
<p class="text-sm text-neutral-500 whitespace-nowrap break-keep text-ellipsis overflow-hidden"> <p class="text-sm text-neutral-500 whitespace-nowrap break-keep text-ellipsis overflow-hidden leading-tight">
{{ file.parentLog }} {{ file.parentLog }}
</p> </p>
</div> </div>