OpenVisor/OpenVisor-Website
OpenVisor/OpenVisor-Website
1
1
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Fix contact footer

Browse source
This commit is contained in:
OpenVisor 2024-04-26 21:57:08 +02:00
parent 838c8c7aab
commit a61cee4c61
1 changed files with 23 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
src/components/kontakt.vue
View file

@ -1,14 +1,14 @@
<template> <template>
<footer class="footer-footer" v-bind:class="rootClassName"> <footer class="kontakt-footer" v-bind:class="rootClassName">
<div class="footer-kontakt"> <div class="kontakt-kontakt">
<span class="footer-kontakt1">{{ Text }}</span> <span class="kontakt-kontakt1">{{ Text }}</span>
<a href="mailto:info@openvisor.ch?subject=" class="footer-email"> <a href="mailto:info@openvisor.ch?subject=" class="kontakt-email">
{{ Text1 }} {{ Text1 }}
</a> </a>
</div> </div>
<iframe <iframe
src="https://dashboard.mailerlite.com/forms/582593/98301649820321679/share" src="https://dashboard.mailerlite.com/forms/582593/98301649820321679/share"
class="footer-newsletter-form" class="kontakt-newsletter-form"
></iframe> ></iframe>
</footer> </footer>
</template> </template>
@ -31,9 +31,8 @@ export default {
</script> </script>
<style scoped> <style scoped>
.footer-footer { .kontakt-footer {
gap: var(--dl-space-space-unit); gap: 20%;
flex: 1;
width: 100%; width: 100%;
display: flex; display: flex;
position: relative; position: relative;
@ -42,16 +41,24 @@ export default {
padding-left: var(--dl-space-space-oneandhalfunits); padding-left: var(--dl-space-space-oneandhalfunits);
margin-bottom: 10%; margin-bottom: 10%;
padding-right: var(--dl-space-space-oneandhalfunits); padding-right: var(--dl-space-space-oneandhalfunits);
flex-direction: column; flex-direction: row;
justify-content: center; justify-content: center;
} }
.footer-kontakt { .kontakt-kontakt {
flex: 0 0 auto;
width: 200px;
display: flex;
align-items: flex-start;
flex-direction: column;
}
.kontakt-kontakt1 {
color: #ffffff; color: #ffffff;
font-size: 36px; font-size: 36px;
align-self: center;
text-align: center; text-align: center;
text-transform: uppercase; text-transform: uppercase;
} }
.footer-kontakt1 { .kontakt-email {
color: #ffff00; color: #ffff00;
font-size: 18px; font-size: 18px;
align-self: center; align-self: center;
@ -59,6 +66,11 @@ export default {
font-weight: 300; font-weight: 300;
text-decoration: underline; text-decoration: underline;
} }
.kontakt-newsletter-form {
width: 320px;
height: 360px;
margin-bottom: var(--dl-space-space-twounits);
}