DeprivedDevs/deprived-main-website
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

bring back blue background
All checks were successful
Rebuild signaller for deprived.dev to rebuild site / test_service (push) Successful in 21s
Details

Browse source
This commit is contained in:
BOTAlex 2025-05-28 20:15:19 +02:00
parent 3efc93280f
commit 04ef603bca
2 changed files with 42 additions and 34 deletions
Download patch file Download diff file Expand all files Collapse all files

66
src/routes/zhen/cv/CompsRev3/IconAndText.svelte
View file

@ -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>
& > img {
border-radius: 2.5mm;
filter: drop-shadow(1mm 1mm 1mm #0000009d);
}
}
</style>