feat: profile cleanup

src/components/Footer.vue

@@ -1,7 +1,7 @@
 <template>
   <footer>
-    <div class="container px-5 py-8 mx-auto flex items-center sm:flex-row flex-col">
+    <div class="py-8 mx-auto flex items-center sm:flex-row flex-col">
-      <p class="text-sm sm:ml-4 sm:pl-4 sm:py-2 sm:mt-0 mt-4 text-center md:text-left">
+      <p class="text-sm sm:py-2 sm:mt-0 mt-4 text-center md:text-left">
         Lauf für Kaya! Selfservice<br>Copyright © 2025<br>proudly powered by
         <a class="underline" target="_blank" rel="noopener,noreferrer"
           href="https://odit.services?ref=lfk">ODIT.Services</a>

src/views/Home.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="bg-cover bg-fixed m-0 h-screen text-white"
     v-bind:style='{ backgroundImage: "url(" + background_base64 + ")", }'>
-    <section class="container px-4 py-24 mx-auto">
+    <section class="px-4 py-24 mx-auto">
       <div class="w-full mx-auto text-center">
         <img src="/favicon-lfk.png" class="h-32 mx-auto" />
         <h1

src/views/Imprint.vue

@@ -1,5 +1,5 @@
 <template>
-  <section class="container px-4 py-24 mx-auto">
+  <section class="px-4 py-24 mx-auto">
     <div class="simplecontent">
       <div class="mb-24 text-left md:text-center">
         <h1 class="mb-4 text-4xl font-bold leading-tight text-gray-900 dark:text-gray-50 md:text-5xl">{{ $t('imprint')

src/views/Privacy.vue

@@ -1,5 +1,5 @@
 <template>
-  <section class="container px-4 py-24 mx-auto">
+  <section class="px-4 py-24 mx-auto">
     <div class="simplecontent">
       <div class="mb-24 text-left md:text-center">
         <h1 class="mb-4 text-4xl font-bold leading-tight text-gray-900 dark:text-gray-50 md:text-5xl">{{

src/views/Profile.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="min-h-screen w-full p-4">
+  <div class="min-h-screen w-full p-4 lg:px-48">
     <div class="">
       <div class="
             md:pr-10 md:mb-0
@@ -60,9 +60,9 @@
                 </button>
               </div>
             </div>
-            <div v-if="state.activetab === 'profile'" class="tab-content block container">
+            <div v-if="state.activetab === 'profile'" class="tab-content block">
-              <div class="lg:w-2/3 w-full mx-auto">
+              <div class="w-full mx-auto">
-                <div class="flex flex-col container">
+                <div class="flex flex-col">
                   <div class="flex flex-wrap w-full">
                     <div class="w-full">
                       <div v-if="state.delete_active === false">
@@ -219,8 +219,8 @@
           <div v-if="state.activetab === 'laptimes'" class="tab-content block">
             <div class="py-4 w-full">
               <section class="dark:bg-gray-900 body-font">
-                <div class="container mx-auto">
+                <div class="mx-auto">
-                  <div class="lg:w-2/3 w-full mx-auto">
+                  <div class="w-full mx-auto">
                     <div v-if="state.scans.length > 0">
                       <p class="mb-2">
                         {{ $t('total_distance') }}: {{ getReadableDistanceForUI() }}
@@ -356,8 +356,8 @@
             <div v-else>
               <div class="py-4 w-full">
                 <section class="dark:bg-gray-900 body-font">
-                  <div class="container mx-auto">
+                  <div class="mx-auto">
-                    <div class="lg:w-2/3 w-full mx-auto overflow-auto">
+                    <div class="w-full mx-auto overflow-auto">
                       <table v-if="state.sponsorings.length > 0" class="table-auto w-full text-left whitespace-no-wrap">
                         <thead class="
                       text-black
@@ -584,7 +584,7 @@ runnerSelfServiceControllerGet({ path: { jwt: accesstoken } }).then(({ data }) =
   state.barcode = textToBase64Barcode(data.id ?? "???");
 })
   .catch((error) => {
-    loadstate = "error"
+    loadstate.value = "error"
     toast.clear();
     toast.error(t('profil_konnte_nicht_geladen_werden'));
   });
@@ -707,13 +707,13 @@ function get_certificate() {
     });
 }
 function get_registration() {
-  toast.clear();
+  // toast.clear();
-  toast(t('registrierungscode_wird_generiert'));
+  // toast(t('registrierungscode_wird_generiert'));
   var a = document.createElement("a");
   a.href = state.barcode;
-  a.download = "LfK25_Registrierungscode.png";
+  a.download = `LfK25_Registrierungscode_${state.firstname}_${state.lastname}.png`;
   a.click();
-  toast.clear();
+  // toast.clear();
-  toast(t('registrierungscode_generiert'), { type: TYPE.SUCCESS });
+  // toast(t('registrierungscode_generiert'), { type: TYPE.SUCCESS });
 }
 </script>