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

fix: Primevue css update to fix google font icon text-size done.

Browse Source
This commit is contained in:
chiayin
2024-02-22 10:08:40 +08:00
parent df7ac38397
commit f429d21584
15 changed files with 36 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/Discover/Conformance/ConformanceResults.vue
View File

@@ -7,10 +7,10 @@
<!-- total group -->
<ul class=" text-neutral-10 text-sm flex gap-2 py-2">
<li class=" bg-cfm-primary rounded-full px-4 py-1 space-x-2">
<span class="material-symbols-outlined text-base align-middle mr-2">check_circle</span>Conforming<span>{{ data.counts.conforming }}</span>
<span class="material-symbols-outlined !text-base align-middle mr-2">check_circle</span>Conforming<span>{{ data.counts.conforming }}</span>
</li>
<li class=" bg-cfm-secondary rounded-full px-4 py-1 space-x-2">
<span class="material-symbols-outlined text-base align-middle mr-2">cancel</span>Not Conforming<span>{{ data.counts.not_conforming }}</span>
<span class="material-symbols-outlined !text-base align-middle mr-2">cancel</span>Not Conforming<span>{{ data.counts.not_conforming }}</span>
</li>
<li class=" bg-neutral-700 rounded-full px-4 py-1 space-x-2" v-show="data.counts.not_applicable != 0">
<iconNA class="inline-block mr-1"></iconNA>Not Applicable<span>{{ data.counts.not_applicable }}</span>
@@ -21,7 +21,7 @@
<div class="border rounded border-neutral-300 p-2 bg-neutral-10 w-1/2">
<p class="p-2 flex justify-between items-center">
<div>
<span class="block text-sm font-bold mb-2">Conformance Rate<span class="material-symbols-outlined text-sm align-middle ml-2" v-tooltip.bottom="tooltip.rate">info</span></span>
<span class="block text-sm font-bold mb-2">Conformance Rate<span class="material-symbols-outlined !text-sm align-middle ml-2" v-tooltip.bottom="tooltip.rate">info</span></span>
<small class="text-neutral-700 font-normal block">{{ data.charts.rate.xMin }} ~ {{ data.charts.rate.xMax }}</small>
</div>
<span class="text-2xl font-bold">{{ data.charts.rate.rate }}%</span>
@@ -31,7 +31,7 @@
<div class="border rounded border-neutral-300 p-2 bg-neutral-10 w-1/2">
<p class="p-2 flex justify-between items-center">
<div>
<span class="block text-sm font-bold mb-2">Cases<span class="material-symbols-outlined text-sm align-middle ml-2" v-tooltip.bottom="tooltip.case">info</span></span>
<span class="block text-sm font-bold mb-2">Cases<span class="material-symbols-outlined !text-sm align-middle ml-2" v-tooltip.bottom="tooltip.case">info</span></span>
<small class="text-neutral-700 font-normal block">{{ data.charts.cases.xMin }} ~ {{ data.charts.cases.xMax }}</small>
</div>
<span class="text-2xl font-bold"><span class="text-cfm-primary">{{ data.charts.cases.conforming }}</span>&nbsp/&nbsp{{ data.charts.cases.total }}</span>
@@ -107,7 +107,7 @@
<tbody>
<tr v-for="(trace, key) in data.loops" :key="key">
<td class="p-2 pl-6 truncate max-w-0 w-1/3">
<span class="material-symbols-outlined disc text-sm align-middle mr-1">fiber_manual_record</span>{{ trace.label }}
<span class="material-symbols-outlined disc !text-sm align-middle mr-1">fiber_manual_record</span>{{ trace.label }}
</td>
<td class="p-2 min-w-[96px] w-2/5">
<div class="h-4 w-full bg-neutral-300 rounded-sm overflow-hidden">
@@ -142,7 +142,7 @@
<!-- Issues chart -->
<div v-if="data.timeTrend.chart != null" class="border rounded border-neutral-300 p-2 bg-neutral-10" :class="data.issues === null || data.issues?.length === 0 ? 'w-full' : 'w-1/2'">
<p class="h2 p-2 flex justify-between items-center">
<span>Time Trend<span class="material-symbols-outlined text-sm align-middle ml-2" v-tooltip.bottom="tooltip.timeTrend">info</span></span>
<span>Time Trend<span class="material-symbols-outlined !text-sm align-middle ml-2" v-tooltip.bottom="tooltip.timeTrend">info</span></span>
<span class="text-2xl"><span class="text-cfm-secondary">{{ data.timeTrend.not_conforming }}</span>&nbsp/&nbsp{{ data.timeTrend.total }}</span>
</p>
<Chart type="line" :data="timeChartData" :options="timeChartOptions" class="w-[99%]"/>
@@ -155,7 +155,7 @@
<tbody>
<tr v-for="(trace, key) in data.issues" :key="key">
<td class="p-2 pl-6 truncate max-w-0 w-1/3">
<span class="material-symbols-outlined disc text-sm align-middle mr-1">fiber_manual_record</span>{{ trace.label }}
<span class="material-symbols-outlined disc !text-sm align-middle mr-1">fiber_manual_record</span>{{ trace.label }}
</td>
<td class="p-2 min-w-[96px] w-2/5">
<div class="h-4 w-full bg-neutral-300 rounded-sm overflow-hidden">

2
src/components/Discover/Conformance/ConformanceSidebar/ResultDot.vue
View File

@@ -1,7 +1,7 @@
<template>
<ul id="cyp-conformance-result-dot">
<li class="flex justify-start items-center py-1 pr-4" v-for="(act, index) in data" :key="index + act">
<span class="material-symbols-outlined disc text-sm align-middle mr-1">fiber_manual_record</span>
<span class="material-symbols-outlined disc !text-sm align-middle mr-1">fiber_manual_record</span>
<span class="mr-2 block w-12">{{ act.category }}</span>
<span class="px-2 py-1 border border-neutral-500 w-full whitespace-nowrap break-keep text-ellipsis overflow-hidden block">{{ act.task }}</span>
</li>

2
src/components/Discover/Conformance/MoreModal.vue
View File

@@ -10,7 +10,7 @@
<section class="w-80 h-full pr-4">
<p class="h2 px-2 mb-2">Trace List ({{ traceTotal }})</p>
<p class="text-primary h2 px-2 mb-2">
<span class="material-symbols-outlined text-sm align-[-10%] mr-2">info</span>Click trace number to see more.
<span class="material-symbols-outlined !text-sm align-[-10%] mr-2">info</span>Click trace number to see more.
</p>
<div class="overflow-y-scroll overflow-x-hidden scrollbar mx-[-8px] max-h-[calc(100%_-_96px)]" >
<table class="border-separate border-spacing-x-2 text-sm">