Anpassungen für mobile

bizmatch/src/app/components/drag-drop-mixed/drag-drop-mixed.component.html

@@ -1,16 +1,4 @@
 <div #_container class="container">
-  <!-- <div
-    *ngFor="let item of items"
-    cdkDrag
-    (cdkDragEnded)="dragEnded($event)"
-    (cdkDragStarted)="dragStarted()"
-    (cdkDragMoved)="dragMoved($event)"
-    class="item"
-    [class.animation]="isAnimationActive"
-    [class.large]="item === 3"
-  >
-    Drag Item {{ item }}
-  </div> -->
   <div *ngFor="let item of items" cdkDrag (cdkDragEnded)="dragEnded($event)" (cdkDragStarted)="dragStarted()" (cdkDragMoved)="dragMoved($event)" [class.animation]="isAnimationActive" class="grid-item item">
     <div class="image-box hover:cursor-pointer">
       <img [src]="getImageUrl(item)" class="w-full h-full object-cover rounded-lg drop-shadow-custom-bg" />

bizmatch/src/app/components/email-authorized/email-authorized.component.html

@@ -1,5 +1,5 @@
 <div class="container mx-auto py-8 px-4 max-w-md">
-  <div class="bg-white p-6 rounded-lg drop-shadow-custom-bg text-center">
+  <div class="bg-white p-6 rounded-lg drop-shadow-custom-bg-mobile md:drop-shadow-custom-bg text-center">
     <!-- Loading state -->
     <ng-container *ngIf="verificationStatus === 'pending'">
       <div class="flex justify-center mb-4">

bizmatch/src/app/components/email-verification/email-verification.component.html

@@ -1,5 +1,5 @@
 <div class="flex flex-col items-center justify-center min-h-screen bg-gray-100">
-  <div class="bg-white p-8 rounded drop-shadow-custom-bg w-full max-w-md text-center">
+  <div class="bg-white p-8 rounded drop-shadow-custom-bg-mobile md:drop-shadow-custom-bg w-full max-w-md text-center">
     <h2 class="text-2xl font-bold mb-4">Email Verification</h2>
     <p class="mb-4">A verification email has been sent to your email address. Please check your inbox and click the link to verify your account.</p>
     <p>Once verified, please return to the application.</p>

bizmatch/src/app/components/header/header.component.html

@@ -33,11 +33,6 @@
             @for(item of sortByOptions; track item){
             <li (click)="sortBy(item.value)" class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer">{{ item.selectName ? item.selectName : item.name }}</li>
             }
-            <!-- <li (click)="sortBy('priceAsc')" class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer">Price Ascending</li>
-            <li (click)="sortBy('priceDesc')" class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer">Price Descending</li>
-            <li (click)="sortBy('creationDateFirst')" class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer">Creation Date First</li>
-            <li (click)="sortBy('creationDateLast')" class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer">Creation Date Last</li>
-            <li (click)="sortBy(null)" class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer">Default Sorting</li> -->
           </ul>
         </div>
       </div>
@@ -178,18 +173,6 @@
         </ul>
       </div>
       }
-      <!-- <button
-        data-collapse-toggle="navbar-user"
-        type="button"
-        class="inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600"
-        aria-controls="navbar-user"
-        aria-expanded="false"
-      >
-        <span class="sr-only">Open main menu</span>
-        <svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 17 14">
-          <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 1h15M1 7h15M1 13h15" />
-        </svg>
-      </button> -->
     </div>
     <div class="items-center justify-between hidden w-full md:flex md:w-auto md:order-1" id="navbar-user">
       <ul
@@ -233,7 +216,6 @@
     </div>
   </div>
   <!-- Mobile filter button -->
-  @if(isFilterUrl()){
   <div class="md:hidden flex justify-center pb-4">
     <button
       (click)="openModal()"
@@ -254,5 +236,4 @@
       <i class="fas fa-sort mr-2"></i>{{ selectOptions.getSortByOption(criteria?.sortBy) }}
     </button>
   </div>
-  }
 </nav>