fix: Issues #253 fixed Performancce titel font-size done.

This commit is contained in:
chiayin
2024-03-12 11:11:22 +08:00
parent e28aaf9cce
commit 557f0812c7

View File

@@ -6,13 +6,13 @@
<aside class="border-r border-neutral-300 pr-4 mr-4 h-full sticky top-0 self-start"> <aside class="border-r border-neutral-300 pr-4 mr-4 h-full sticky top-0 self-start">
<section class="px-2 space-y-2 w-56 h-full"> <section class="px-2 space-y-2 w-56 h-full">
<div> <div>
<p class="h2 text-base">Time Usage</p> <p class="h1">Time Usage</p>
<ul class="list-disc list-inside text-sm leading-5 pl-3"> <ul class="list-disc list-inside text-sm leading-5 pl-3">
<li v-for="(item, index) in timeUsageData" :key="index" :class="{active: isActive === item.tagId}" @click="isActive = item.tagId" class="cursor-pointer hover:text-primary"><a :href="item.tagId">{{ item.label }}</a></li> <li v-for="(item, index) in timeUsageData" :key="index" :class="{active: isActive === item.tagId}" @click="isActive = item.tagId" class="cursor-pointer hover:text-primary"><a :href="item.tagId">{{ item.label }}</a></li>
</ul> </ul>
</div> </div>
<div> <div>
<p class="h2 text-base">Frequency</p> <p class="h1">Frequency</p>
<ul class="list-disc list-inside text-sm leading-5 pl-3"> <ul class="list-disc list-inside text-sm leading-5 pl-3">
<li v-for="(item, index) in frequencyData" :key="index" :class="{active: isActive === item.tagId}" @click="isActive = item.tagId" class="cursor-pointer hover:text-primary"><a :href="item.tagId">{{ item.label }}</a></li> <li v-for="(item, index) in frequencyData" :key="index" :class="{active: isActive === item.tagId}" @click="isActive = item.tagId" class="cursor-pointer hover:text-primary"><a :href="item.tagId">{{ item.label }}</a></li>
</ul> </ul>
@@ -22,10 +22,10 @@
<!-- graph --> <!-- graph -->
<article class="w-full h-full overflow-x-hidden overflow-y-auto scrollbar scroll-smooth"> <article class="w-full h-full overflow-x-hidden overflow-y-auto scrollbar scroll-smooth">
<section> <section>
<p class="h2 px-4 border-b border-neutral-900"><span class="material-symbols-outlined mr-2 align-middle">schedule</span>Time Usage</p> <p class="h1 px-4 border-b border-neutral-900"><span class="material-symbols-outlined mr-2 align-middle">schedule</span>Time Usage</p>
</section> </section>
<section> <section>
<ul class="list-disc list-inside px-4 pl-7"> <ul class="list-disc list-inside px-4 pl-7 text-sm">
<li id="cycleTime" class="scroll-smooth"> <li id="cycleTime" class="scroll-smooth">
<span class="inline-block py-4">Cycle Time & Efficiency</span> <span class="inline-block py-4">Cycle Time & Efficiency</span>
<ul> <ul>
@@ -68,8 +68,8 @@
</ul> </ul>
</section> </section>
<section> <section>
<p class="h2 px-4 border-b border-neutral-900"><span class="material-symbols-outlined mr-2 align-middle">moving</span>Frequency</p> <p class="h1 px-4 border-b border-neutral-900"><span class="material-symbols-outlined mr-2 align-middle">moving</span>Frequency</p>
<ul class="list-disc list-inside px-4 pl-7"> <ul class="list-disc list-inside px-4 pl-7 text-sm">
<li id="cases"> <li id="cases">
<span class="inline-block py-4">Number of Cases</span> <span class="inline-block py-4">Number of Cases</span>
<ul> <ul>