mobil-Warenkorb angepasst, überschriften angepasst

master
Robin Schumann 2023-06-05 10:16:08 +02:00
parent 5bc9bf7767
commit ef2cae3dfe
4 changed files with 63 additions and 29 deletions

View File

@ -147,6 +147,11 @@
text-align: center;
}
.content h3{
color: black;
margin-bottom: 0.2em;
}
.content a {
margin-left: 0em;
}

View File

@ -233,7 +233,7 @@
}
.content :not(h1, strong, a) {
margin-left: 3.5em;
margin-left: 0em;
color: #606060;
}
@ -249,6 +249,14 @@
text-align: center;
}
.content_mobile {
position:static;
}
.content h3{
color: black;
margin-bottom: 0.2em;
}
.content a {
margin-left: 0em;
}
@ -415,40 +423,50 @@
position: relative;
}
.produkte_warenkorb {
.content .produkte_warenkorb {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto 1fr;
border: thin solid black;
margin-left: -55px;
margin-left: 4em;
margin-top: 20px;
align-items: center;
justify-items: left;
position: relative;
}
.content .produkte_warenkorb .bild_mobil img {
margin-left: -50px;
align-items: center;
}
.content .produkte_details {
display: block;
margin-left: 0;
display: flex;
flex-direction: column;
font-size: 0.8em;
justify-content: left;
margin-top: -25px;
justify-content: space-between;
width: 95%;
}
.content .produkte_details p {
margin-left: 0;
display: inline-block;
}
.content .produkte_warenkorb .produkte_details .eingabefeld_entfernen {
align-self: flex-end;
margin-top: -30px;
}
.button_mit_menue {
display: flex;
align-items: center;
}
.button_mit_menue p{
margin-left: -45px;
margin-left: 10px;
}
#menue1,
@ -462,6 +480,8 @@
margin-left: 10px;
}
.button_entfernen {
background-color: #ebebeb;
border: thin solid black;
@ -596,6 +616,8 @@
}
.content .mobile_ansicht{
position: relative;
z-index: -10;
margin-left: -55px;
}

View File

@ -80,13 +80,13 @@
</p>
<p>Stand: 6. April 2023</p>
<h3>Verantwortlicher</h3>
<ul>
<p>
WEB A4 -Team</br>
Paul-Wittsack-Straße 10</br>
68163 Mannheim</br>
E-Mail-Adresse:</br>
info@secondharvest.com</br>
</ul>
</p>
<h3>Übersicht der Verarbeitungen</h3>
<p>Die nachfolgende Übersicht fasst die Arten der verarbeiteten Daten und die
Zwecke ihrer Verarbeitung zusammen und verweist auf die betroffenen Personen.

View File

@ -67,6 +67,7 @@
<div class="content">
<h1>Warenkorb</h1>
<div id="notification"></div>
<div class="desktop_ansicht">
<div class="produkte_warenkorb">
@ -135,13 +136,15 @@
</div>
<div class="produkte_details">
<p><strong>Karotten 1kg</br>Kosten: 0,95€</strong></p>
<span class="eingabefeld_entfernen">
<input type="text" id="menue4" value="10">
</span>
</br>
<p>Auf Lager: 250</p>
</div>
<div class="button_mit_menue">
<p><a class="button_entfernen" href="#" id="button4">Entfernen</a></p>
<input type="text" id="menue4" value="10">
</div>
<p class="gesamtbetrag4" id="gesamtbetrag4"></p>
</div>
@ -152,13 +155,14 @@
</div>
<div class="produkte_details">
<p><strong>Äpfel 1kg</br>Kosten: 2€</strong></p>
<span class="eingabefeld_entfernen"><input type="text"
id="menue5" value="10"></span>
</br>
<p>Auf Lager: 500</p>
</div>
<div class="button_mit_menue">
<p><a class="button_entfernen" href="#" id="button5">Entfernen</a></p>
<input type="text" id="menue5" value="10">
</div>
<p class="gesamtbetrag5" id="gesamtbetrag5"></p>
</div>
@ -169,12 +173,14 @@
</div>
<div class="produkte_details">
<p><strong>Sellerie 1 Stück</br>Kosten: 1,10€</strong></p>
<span class="eingabefeld_entfernen"> <input type="text" id="menue6" value="10"></span>
</br>
<p>Auf Lager: 1000</p>
</div>
<div class="button_mit_menue">
<p><a class="button_entfernen" href="#" id="button6">Entfernen</a></p>
<input type="text" id="menue6" value="10">
</div>
<p class="gesamtbetrag6" id="gesamtbetrag6"></p>
@ -187,7 +193,8 @@
<p class="gesamtpreis" id="gesamtpreis"></p>
</div>
<div>
<a class="button_bestellung_abschließen" id="bestellbutton_mobil" href="bestellformular.html">Kostenpflichtig
<a class="button_bestellung_abschließen" id="bestellbutton_mobil"
href="bestellformular.html">Kostenpflichtig
bestellen</a>
</div>
</div>