Update width of progress bar

This commit is contained in:
Antoine Phan
2025-07-19 18:52:10 -04:00
parent cf541afe20
commit 17303b07fb

View File

@@ -19,19 +19,19 @@
<div class="place-self-center-safe md:grid md:gap-6 lg:grid-cols-3"> <div class="place-self-center-safe md:grid md:gap-6 lg:grid-cols-3">
<div class="m-8 w-full place-self-center md:place-content-around lg:col-span-1"> <div class="m-8 w-full place-self-center md:place-content-around lg:col-span-1">
<div class="flex h-1/2 flex-col items-center justify-center text-center"> <div class="flex h-1/2 flex-col items-center justify-center text-center">
<p class="page-title">What is ECSESS?</p>
<div class="p-4">
<PortableText value={data.description} />
</div>
<div class="animate-pulse"> <div class="animate-pulse">
<p class="italic"> <p class="italic">
Development progress: {progress}% Development progress: {progress}%
</p> </p>
<div id="progress" class="my-2 w-[80vw] border-2 lg:w-1/2"> <div id="progress" class="my-2 border-2">
<Progress value={progress} max={100} meterBg="bg-ecsess-200" height="h-4"></Progress> <Progress value={progress} max={100} meterBg="bg-ecsess-200" height="h-4"></Progress>
</div> </div>
</div> </div>
<p class="page-title">What is ECSESS?</p>
<div class="p-4">
<PortableText value={data.description} />
</div>
</div> </div>
</div> </div>
<div class="m-4 place-content-around lg:col-span-2 lg:mx-12 lg:my-0"> <div class="m-4 place-content-around lg:col-span-2 lg:mx-12 lg:my-0">