31 lines
890 B
Svelte
31 lines
890 B
Svelte
<script>
|
|
import HeaderContactElement from "./HeaderContactElement.svelte";
|
|
// Files in static/ are served at the site root — reference them by URL,
|
|
// don't import them as modules (Vite dev serves them as raw SVG, which
|
|
// breaks the import and blanks the whole layout).
|
|
const phone_icon = '/phone.svg';
|
|
const mail_icon = '/mail.svg';
|
|
export let customClass = '';
|
|
</script>
|
|
|
|
<style>
|
|
.header-contact{
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 2em;
|
|
}
|
|
|
|
@media (min-width: 900px){
|
|
|
|
.header-contact{
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0em;
|
|
}
|
|
}
|
|
</style>
|
|
|
|
<div class="header-contact {customClass}" >
|
|
<HeaderContactElement image_src={mail_icon} link="mailto:info@intelidom.si" text="info@intelidom.si"></HeaderContactElement>
|
|
<HeaderContactElement image_src={phone_icon} link="tel:+3860771166" text="040 77 11 66"></HeaderContactElement>
|
|
</div> |