AmineTMIRI/frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update executive card

Browse Source
This commit is contained in:
MuslemRahimi 2024-08-29 22:44:37 +02:00
parent 74d31ca978
commit e7f875d035
2 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/lib/components/ExecutiveCard.svelte
View File

@ -80,13 +80,13 @@ afterUpdate(async() => {
<div class="space-y-3 sm:pt-5">
<div class="bg-[#000] h-auto w-screen">
<!--Start Header-->
<div class="bg-[#27272A] w-full p-1 flex flex-col items-center pb-5 h-auto rounded-b-[30px]">
<div class="w-full p-1 flex flex-col items-center pb-5 h-auto">
<h2 class="text-center m-auto text-[1.1rem] font-medium text-white mt-5">
Executives
</h2>
<div class="{!isLoaded ? 'hidden' : ''} flex flex-col items-center mt-10 w-full">
<span class="text-white text-md text-opacity-[0.55]">
<span class="text-white text-[1rem]">
Female/Total Ratio
</span>
@ -128,10 +128,10 @@ afterUpdate(async() => {
<!--Start Item-->
<div class="flex flex-row items-center pl-4 pr-4 w-full mb-3">
<div class="w-full rounded-md bg-[#27272A] shadow-lg h-auto pb-3 pl-3 pt-3">
<div class="w-full rounded-md bg-[#27272A] h-auto pb-3 pl-3 pt-3">
<div class="flex flex-row items-center relative">
<div class="flex flex-col">
<div class="flex flex-row items-center mr-auto mb-2 text-white font-medium text-[1rem] w-56">
<div class="flex flex-row items-center mr-auto mb-2 text-white font-medium text-sm w-56">
<span>
{item?.name}
{#if item?.yearBorn !== null}
@ -140,7 +140,7 @@ afterUpdate(async() => {
</span>
</div>
<span class="text-white text-opacity-[0.6] text-sm w-48">
<span class="text-gray-300 text-sm w-48">
{item?.title}
</span>
</div>
@ -148,7 +148,7 @@ afterUpdate(async() => {
{#if item?.gender === 'male'}
<div class="flex flex-row items-center ml-auto absolute right-3 top-0">
<div class="h-full bg-[#27272A] transform -translate-x-1/2" aria-hidden="true"></div>
<div class="w-2 h-2 bg-[#FF2F1F] border-4 box-content border-gray-900 rounded-full transform -translate-x-1/2" aria-hidden="true"></div>
<div class="w-2 h-2 bg-[#FF2F1F] box-content rounded-full transform -translate-x-1/2" aria-hidden="true"></div>
<span class="text-white text-[0.85rem] inline-block">
Male
</span>
@ -156,7 +156,7 @@ afterUpdate(async() => {
{:else if item?.gender === 'female'}
<div class="flex flex-row items-center ml-auto absolute right-3 top-0">
<div class="h-full bg-[#27272A] transform -translate-x-1/2 " aria-hidden="true"></div>
<div class="w-2 h-2 bg-[#0FC008] border-4 box-content border-gray-900 rounded-full transform -translate-x-1/2" aria-hidden="true"></div>
<div class="w-2 h-2 bg-[#0FC008] box-content rounded-full transform -translate-x-1/2" aria-hidden="true"></div>
<span class="text-white text-[0.85rem] inline-block">
Female
</span>

4
src/routes/market-mover/+page.svelte
View File

@ -273,7 +273,7 @@ $: charNumber = $screenWidth < 640 ? 20 : 30;
<main class="w-full lg:w-3/4 lg:pr-5">
<div class="w-full m-auto sm:bg-[#27272A] sm:rounded-xl h-auto pl-10 pr-10 pt-5 sm:pb-10 sm:pt-10 mt-3 mb-8">
<div class="w-full m-auto sm:bg-[#27272A] h-auto pl-10 pr-10 pt-5 sm:pb-10 sm:pt-10 mt-3 mb-8">
<div class="grid grid-cols-1 sm:grid-cols-2 gap-10">
<!-- Start Column -->
@ -449,7 +449,7 @@ $: charNumber = $screenWidth < 640 ? 20 : 30;
{:else}
<div class="flex justify-center items-center h-80">
<div class="relative">
<label class="bg-[#09090B] rounded-xl h-14 w-14 flex justify-center items-center absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2">
<label class="bg-[#09090B] rounded-lg h-14 w-14 flex justify-center items-center absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2">
<span class="loading loading-spinner loading-md"></span>
</label>
</div>