Northbrook/TastyBites
1
0
Fork 0
mirror of https://github.com/Fluffy-Bean/TastyBites.git synced 2025-06-01 16:13:10 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add styling to BasketItem

Browse source 
Move footer style to its own file
Make the contact form a bit more intuitive
General cleanup
This commit is contained in:
Michał Gdula 2024-05-03 13:10:37 +01:00
parent 764aaa48ea
commit 6f97ad9a4c
9 changed files with 146 additions and 84 deletions
Download patch file Download diff file Expand all files Collapse all files

67
front/src/App.svelte
View file

@ -95,7 +95,6 @@
<footer>
<div class="footer-section">
<p>TastyBites is not a real restaurant</p>
<p>gwagwa</p>
</div>
<div class="footer-section">
<h4>Find us on:</h4>
@ -107,69 +106,3 @@
</ul>
</div>
</footer>
<style lang="scss">
// ToDo: Move this SCSS to its own _footer.scss file
footer {
padding: 16px;
position: relative;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
border-top: 2px solid #6A9343;
background-color: #443023;
color: #e1dcd3;
overflow: hidden;
}
.footer-section {
padding: 16px;
min-width: 200px;
width: 100%;
max-width: 500px;
> ul {
padding: 0;
display: flex;
flex-direction: row;
> li {
margin: 0 16px 0 0;
list-style: none;
> a {
height: 40px;
width: 40px;
display: flex;
justify-content: center;
align-items: center;
text-decoration: none;
font-size: 16px;
border-radius: 99999px;
background-color: transparent;
color: #e1dcd3;
&:hover {
background-color: #fffbf4;
color: #33251a;
}
}
}
}
> h4 {
margin-bottom: 10px;
}
}
</style>