Kundendaten

src/components/Ausweis/AusweisPreviewContainer.svelte

@@ -1,7 +1,8 @@
 <script lang="ts">
 	import AnsichtsausweisButton from "#components/AnsichtsausweisButton.svelte";
 	import DatenblattButton from "#components/DatenblattButton.svelte";
-	import HelpLabel from "#components/HelpLabel.svelte";
+	import HelpLabel from "#labels/HelpLabel.svelte";
+	import Inputlabel from "#labels/InputLabel.svelte";
 	import ImageGrid from "#components/ImageGrid.svelte";
 	import {
 	Enums,
@@ -20,17 +21,9 @@
 
 <div class="grid grid-cols-2 gap-x-6 mt-6">
 	
-	<div class="box card mb-0">
-
-		
-			<div class="form-group col-md-12 nopad">
-				<HelpLabel title="Gebäudebild Bildupload :">
-					Wenn vorhanden können Sie ein Gebäudefoto (Außenansicht)
-					hochladen.
-				</HelpLabel>
-				<hr class="trenner_form_100" />
-			</div>
+	<div class="box card mb-0 relative">
 
+			<div>
 			<ImageGrid
 				name={"gebaeude_image"}
 				kategorie={Enums.BilderKategorie.Gebaeude}
@@ -40,18 +33,37 @@
 				bind:images
 				bind:ausweis
 			/>
-		
+			</div>
+
 	</div>
 
 	<div class="box card mb-0">
-		<HelpLabel title="Ansichtsausweis & Datenblatt :">
-			Hier gehts zu Ihrem Ansichtsausweis und Datenblatt als PDF.
-		</HelpLabel>
-		<hr class="trenner_form_100" />
+		<div class="input-standard mt-0">
+			
+			<input type="text" class="bg-[#e5e7eb]"
+			value="Vorschau: Ausweis und Datenblatt"
+			/>
+		
+				<div class="help-label">
+						<HelpLabel>
+							Hier gehts zu Ihrem Ansichtsausweis und Datenblatt als PDF.
+						</HelpLabel>
+					</div>
 
-		<div class="flex flex-row gap-4">
+		</div>
+
+		<div class="flex flex-row gap-4 mt-4">
 			<AnsichtsausweisButton {ausweis} />
 			<DatenblattButton {ausweis} />
 		</div>
+
+
+
 	</div>
+
 </div>
+
+
+<style lang="postcss">
+
+</style>