feat(header): add link to mail

Signed-off-by: Kai Henseler <[email protected]>
IONOS-Productivity · Jul 24, 2024 · 51f4ab0 · 51f4ab0
1 parent 09f0c1b
commit 51f4ab0
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 0 deletions.
diff --git a/IONOS/src/App.svelte b/IONOS/src/App.svelte
@@ -21,6 +21,7 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
 	import Icon from './components/Icon.svelte';
 
 	export let home_src = '#';
+	export let email_src: string;
 </script>
 
 <div class="ios-global-nav">
@@ -30,6 +31,11 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
 	</a>
 
 	<div class="header-right">
+		{#if email_src}
+			<a href={email_src} title="TITLE">
+				<Icon email />
+			</a>
+		{/if}
 		<slot />
 	</div>
 </div>

diff --git a/IONOS/src/components/Icon.svelte b/IONOS/src/components/Icon.svelte
@@ -19,6 +19,7 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
 <script lang="ts">
 	export let ionosIcon: boolean = false;
 	export let easystorage: boolean = false;
+	export let email: boolean = false;
 </script>
 
 {#if ionosIcon}
@@ -70,6 +71,16 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
 		<path
 			d="M116.085 16.148C115.022 16.148 114.105 15.9023 113.335 15.411C112.565 14.9197 111.975 14.234 111.564 13.354C111.154 12.4667 110.948 11.4327 110.948 10.252C110.948 9.02733 111.161 7.97867 111.586 7.106C112.012 6.226 112.609 5.55133 113.379 5.082C114.149 4.61267 115.051 4.378 116.085 4.378C116.973 4.378 117.779 4.56867 118.505 4.95C119.239 5.33133 119.822 5.918 120.254 6.71C120.687 7.49467 120.903 8.49567 120.903 9.713C120.903 9.90367 120.9 10.131 120.892 10.395C120.885 10.6517 120.863 10.912 120.826 11.176H113.401C113.445 11.748 113.581 12.2467 113.808 12.672C114.043 13.0973 114.355 13.431 114.743 13.673C115.132 13.9077 115.59 14.025 116.118 14.025C116.632 14.025 117.086 13.9407 117.482 13.772C117.878 13.596 118.256 13.3173 118.615 12.936L120.045 14.443C119.583 14.949 119.019 15.3597 118.351 15.675C117.691 15.9903 116.936 16.148 116.085 16.148ZM113.412 9.185H118.483C118.461 8.64967 118.351 8.18033 118.153 7.777C117.963 7.37367 117.691 7.062 117.339 6.842C116.987 6.61467 116.558 6.501 116.052 6.501C115.348 6.501 114.747 6.721 114.248 7.161C113.757 7.601 113.478 8.27567 113.412 9.185Z" />
 	</svg>
+{:else if email}
+	<svg
+		id="email"
+		width="16"
+		height="12"
+		viewBox="0 0 16 12"
+		xmlns="http://www.w3.org/2000/svg">
+		<path
+			d="M1.5 0H14.5C15.3125 0 16 0.6875 16 1.5C16 2 15.75 2.4375 15.375 2.71875L8.59375 7.8125C8.21875 8.09375 7.75 8.09375 7.375 7.8125L0.59375 2.71875C0.21875 2.4375 0 2 0 1.5C0 0.6875 0.65625 0 1.5 0ZM0 3.5L6.78125 8.625C7.5 9.15625 8.46875 9.15625 9.1875 8.625L16 3.5V10C16 11.125 15.0938 12 14 12H2C0.875 12 0 11.125 0 10V3.5Z" />
+	</svg>
 {/if}
 
 <style>
@@ -80,4 +91,8 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
 	#easystorage {
 		margin-top: 5px;
 	}
+
+	#email {
+		fill: #001b41;
+	}
 </style>