Kevin/website
1
0
Fork 0
mirror of https://github.com/LJ5O/website.git synced 2026-08-11 22:54:46 +02:00
Code Issues Packages Projects Releases Wiki Activity

Fixed footer contact button

Browse Source 
<a> was too large
This commit is contained in:
LJ5O
2025-05-08 15:51:37 +02:00
parent a345b13373
commit 170dd050c7
1 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/footer.vue
View File

@@ -27,7 +27,7 @@
<div id="footer_contact_div"> <div id="footer_contact_div">
<h1>{{$t("footer.contact")}}</h1> <h1>{{$t("footer.contact")}}</h1>
<p>{{$t("footer.contact_text")}}</p> <p>{{$t("footer.contact_text")}}</p>
<router-link :to="{ name: 'contact'}"> <router-link :to="{ name: 'contact'}" id="footer_contact_button_link">
<div id="footer_contact_button" class="button">{{$t("footer.contact_button")}}</div> <div id="footer_contact_button" class="button">{{$t("footer.contact_button")}}</div>
</router-link> </router-link>
</div> </div>
@@ -183,11 +183,15 @@
margin-bottom: 12px; margin-bottom: 12px;
text-align: center; text-align: center;
} }
#footer_contact_button_link{
display: block;
width: 50%;
margin: auto;
}
#footer_contact_button{ #footer_contact_button{
background-color: rgb(65, 185, 61); background-color: rgb(65, 185, 61);
font-size: 1.1em; font-size: 1.1em;
width: 50%; width: 100%;
margin: auto;
color:black; color:black;
} }
#footer_right_div{ #footer_right_div{