diff --git a/src/routes/zhen/cv/CompsRev3/IconAndText.svelte b/src/routes/zhen/cv/CompsRev3/IconAndText.svelte index e90ece4..670446e 100644 --- a/src/routes/zhen/cv/CompsRev3/IconAndText.svelte +++ b/src/routes/zhen/cv/CompsRev3/IconAndText.svelte @@ -1,43 +1,47 @@ <script lang="ts"> - export let logo:string; - export let logoWidths: string = "10%"; - - export let fontSize: string = "3mm"; - export let lineHeight: string = "3.1mm"; + export let logo: string; + export let logoWidths: string = "10%"; - import { onMount } from "svelte"; - onMount(() => { - imageCaption = logo.split(/(\\|\/)/g).pop(); - }); + export let fontSize: string = "3mm"; + export let lineHeight: string = "3.1mm"; - let imageCaption: undefined | string; // Not a high piority, you get the file name and thats it + import { onMount } from "svelte"; + onMount(() => { + imageCaption = logo.split(/(\\|\/)/g).pop(); + }); + + let imageCaption: undefined | string; // Not a high piority, you get the file name and thats it </script> <div class="container"> - <img src={logo} class="" alt="{imageCaption}" width="{logoWidths}"/> - <div style="line-height: {lineHeight};"> - <span style="font-size: {fontSize};"> - <slot/> - </span> - </div> + <img + src={logo} + class="bg-white w-10 h-10 object-contain" + alt={imageCaption} + width={logoWidths} + /> + <div style="line-height: {lineHeight};"> + <span style="font-size: {fontSize};"> + <slot /> + </span> + </div> </div> <style lang="scss"> - .container { - display: flex; - justify-items: start; + .container { + display: flex; + justify-items: start; - width: 100%; + & > div { + padding-left: 3mm; - & > div { - padding-left: 3mm; - - text-align: start; - } - - & > img { - border-radius: 2.5mm; - filter: drop-shadow(1mm 1mm 1mm #0000009d); - } + text-align: start; } -</style> \ No newline at end of file + + & > img { + border-radius: 2.5mm; + filter: drop-shadow(1mm 1mm 1mm #0000009d); + } + } +</style> + diff --git a/src/routes/zhen/cv/rev3/+page.svelte b/src/routes/zhen/cv/rev3/+page.svelte index 624dc98..61eb93e 100644 --- a/src/routes/zhen/cv/rev3/+page.svelte +++ b/src/routes/zhen/cv/rev3/+page.svelte @@ -35,7 +35,7 @@ if (!hideOnPrintParam) { window.location.href = `${window.location.href}?hideOnPrint=1`; } - }) + }); function getFormattedDate(): string { const date = new Date(); @@ -79,7 +79,10 @@ <div id="left-section"> <LeftTopDecor Style="pointer-events: none;" /> <BottomRightDecor Style="pointer-events: none;" /> - <div class="absolute rotate-12 width-[10cm] h-full right-[15cm]" style="background-color: #bdd6ee"></div> + <div + class="absolute rotate-12 width-[10cm] h-full right-[15cm]" + style="background-color: #bdd6ee" + ></div> <div> <NameAndImage /> <ShortProfile /> @@ -101,7 +104,7 @@ <LinkToSource /> </div> <div> - <Profile/> + <Profile /> <BiggestFlex /> <TableOfProjects /> <Experience /> @@ -170,6 +173,7 @@ } #left-section { + background-color: #bdd6ee; > div:last-child { z-index: 1;