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

Create Container style

Browse source 
Make some styles for mobile
Create Logo for the website
Clean up styles for the millionth time
This commit is contained in:
Michał Gdula 2024-04-25 19:18:28 +01:00
parent 7b4a40c861
commit e8493d53f8
14 changed files with 199 additions and 153 deletions
Download patch file Download diff file Expand all files Collapse all files

61
front/src/pages/PageContact.svelte
View file

@ -4,22 +4,25 @@
<h1>Contact us</h1>
<div class="menu-filter">
<div class="menu-filter-header">
<div class="container">
<div class="header">
<h2>Commonly Asked Questions</h2>
</div>
<hr>
<div class="menu-filter-section">
<div class="section">
<DropDown name="Can I refund my order?">
<p>If you ordered online, if we haven't started making your food yet, a refund is possible.</p>
<p>If you reserved a table, you can refund upto 1 hour before your time.</p>
</DropDown>
</div>
<hr>
<div class="menu-filter-section">
<div class="section">
<DropDown name="Where can I find my past orders!">
<p>Email....</p>
</DropDown>
</div>
<hr>
<div class="section">
<DropDown name="Deez nuts">
<p>Gottem</p>
</DropDown>
@ -29,46 +32,6 @@
<div class="spacer"></div>
<h2>Contact From</h2>
<form>
<style lang="scss">
@import "%/styles/vars";
h1, h2 {
margin-bottom: $spacing-small;
}
.spacer {
height: $spacing-large;
}
.menu-filter {
border-radius: $border-radius-normal;
background-image: url('/BackgroundTextureAlt.svg');
background-repeat: no-repeat;
background-size: 200px 250px;
background-position: 5px -43px;
background-color: $color-light;
color: $color-on-light;
h2 {
margin-bottom: 0;
}
hr {
height: 1px;
border: 0 transparent;
background-color: rgba($color-dark, 0.1);
}
.menu-filter-header {
padding: $spacing-normal;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.menu-filter-section {
padding: $spacing-normal;
}
}
</style>
</form>