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>
|