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="space-y-3 sm:pt-5">
<div class="bg-[#000] h-auto w-screen"> <div class="bg-[#000] h-auto w-screen">
<!--Start Header--> <!--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"> <h2 class="text-center m-auto text-[1.1rem] font-medium text-white mt-5">
Executives Executives
</h2> </h2>
<div class="{!isLoaded ? 'hidden' : ''} flex flex-col items-center mt-10 w-full"> <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 Female/Total Ratio
</span> </span>
@ -128,10 +128,10 @@ afterUpdate(async() => {
<!--Start Item--> <!--Start Item-->
<div class="flex flex-row items-center pl-4 pr-4 w-full mb-3"> <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-row items-center relative">
<div class="flex flex-col"> <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> <span>
{item?.name} {item?.name}
{#if item?.yearBorn !== null} {#if item?.yearBorn !== null}
@ -140,7 +140,7 @@ afterUpdate(async() => {
</span> </span>
</div> </div>
<span class="text-white text-opacity-[0.6] text-sm w-48"> <span class="text-gray-300 text-sm w-48">
{item?.title} {item?.title}
</span> </span>
</div> </div>
@ -148,7 +148,7 @@ afterUpdate(async() => {
{#if item?.gender === 'male'} {#if item?.gender === 'male'}
<div class="flex flex-row items-center ml-auto absolute right-3 top-0"> <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="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"> <span class="text-white text-[0.85rem] inline-block">
Male Male
</span> </span>
@ -156,7 +156,7 @@ afterUpdate(async() => {
{:else if item?.gender === 'female'} {:else if item?.gender === 'female'}
<div class="flex flex-row items-center ml-auto absolute right-3 top-0"> <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="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"> <span class="text-white text-[0.85rem] inline-block">
Female Female
</span> </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"> <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"> <div class="grid grid-cols-1 sm:grid-cols-2 gap-10">
<!-- Start Column --> <!-- Start Column -->
@ -449,7 +449,7 @@ $: charNumber = $screenWidth < 640 ? 20 : 30;
{:else} {:else}
<div class="flex justify-center items-center h-80"> <div class="flex justify-center items-center h-80">
<div class="relative"> <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> <span class="loading loading-spinner loading-md"></span>
</label> </label>
</div> </div>