Merge pull request #13 from JayanthVishnu/vue-demo

fix: resolve overlapping issue with some nav buttons

Author: shashi089

examples/angular-demo/src/app/components/designer/designer.component.html

@@ -1,7 +1,7 @@
 <div class="relative min-h-screen bg-white">
   <button
       (click)="handleBack()"
-      class="fixed top-[13px] right-2 sm:right-4 z-[9999] flex items-center gap-2 bg-white hover:bg-red-50 text-gray-700 hover:text-red-700 px-3 sm:px-4 py-1.5 sm:py-2 rounded-lg font-medium shadow-md transition-all border border-gray-200 hover:border-red-200 cursor-pointer text-sm sm:text-base"
+      class="fixed top-[13px] left-2 sm:left-4 z-[9999] flex items-center gap-2 bg-white hover:bg-red-50 text-gray-700 hover:text-red-700 px-3 sm:px-4 py-1.5 sm:py-2 rounded-lg font-medium shadow-md transition-all border border-gray-200 hover:border-red-200 cursor-pointer text-sm sm:text-base"
   >
       <lucide-icon [img]="ArrowLeftIcon" [size]="16" class="sm:w-[18px] sm:h-[18px]"></lucide-icon>
       <span class="hidden sm:inline">Back to Labels</span>
@@ -12,3 +12,4 @@
       #container
   ></div>
 </div>
+

examples/vue-demo/src/views/DesignerView.vue

@@ -113,7 +113,7 @@ function handleBack() {
 <div class="relative min-h-screen bg-white">
     <button
         @click="handleBack"
-        class="fixed top-[13px] right-2 sm:right-4 z-[9999] flex items-center gap-2 bg-white hover:bg-teal-50 text-gray-700 hover:text-teal-700 px-3 sm:px-4 py-1.5 sm:py-2 rounded-lg font-medium shadow-md transition-all border border-gray-200 hover:border-teal-200 cursor-pointer text-sm sm:text-base"
+        class="fixed top-[13px] left-2 sm:left-4 z-[9999] flex items-center gap-2 bg-white hover:bg-teal-50 text-gray-700 hover:text-teal-700 px-3 sm:px-4 py-1.5 sm:py-2 rounded-lg font-medium shadow-md transition-all border border-gray-200 hover:border-teal-200 cursor-pointer text-sm sm:text-base"
     >
         <ArrowLeft :size="16" class="sm:w-[18px] sm:h-[18px]" />
         <span class="hidden sm:inline">Back to Labels</span>