25 líneas
602 B
Svelte
25 líneas
602 B
Svelte
|
<script lang="ts">
|
||
|
export let tech: string;
|
||
|
export let logoBaseDir: string;
|
||
|
export let logoFiletype: 'svg'| 'png' = 'svg';
|
||
|
export let size: 'small' | 'medium' | 'big' = 'small'
|
||
|
|
||
|
let logoDir: string = `/${logoBaseDir}/${tech}-logo.${logoFiletype}`;
|
||
|
let logoAlt: string = `${tech} logo`;
|
||
|
let isSmall = size === 'small';
|
||
|
let isMedium = size === 'medium';
|
||
|
let isBig = size === 'big';
|
||
|
</script>
|
||
|
<img src={logoDir} alt={logoAlt} class:small={isSmall} class:medium={isMedium} class:big={isBig}>
|
||
|
<style>
|
||
|
.small {
|
||
|
height: 3rem;
|
||
|
}
|
||
|
.medium {
|
||
|
height: 3.5rem;
|
||
|
}
|
||
|
.big {
|
||
|
height: 4rem;
|
||
|
}
|
||
|
</style>
|