disable form for bound customer code

src/layout/MainLayout.vue

@@ -23,7 +23,12 @@
 						:max-count="99"
 						:show-zero="false"
 					>
-						<button class="nav-btn" type="button" @click="navBarStore.rightAction?.()">
+						<button
+							class="nav-btn"
+							type="button"
+							:disabled="navBarStore.rightDisabled"
+							@click="!navBarStore.rightDisabled && navBarStore.rightAction?.()"
+						>
 							<t-icon :name="navBarStore.rightIcon" size="1.25rem" />
 						</button>
 					</t-badge>
@@ -31,7 +36,8 @@
 						v-else-if="navBarStore.rightIcon"
 						class="nav-btn"
 						type="button"
-						@click="navBarStore.rightAction?.()"
+						:disabled="navBarStore.rightDisabled"
+						@click="!navBarStore.rightDisabled && navBarStore.rightAction?.()"
 					>
 						<t-icon :name="navBarStore.rightIcon" size="1.25rem" />
 					</button>
@@ -39,9 +45,9 @@
 						v-else
 						v-text="navBarStore.rightText"
 						class="nav-text"
-						:style="{ color: navBarStore.rightTextColor ? navBarStore.rightTextColor : '#333' }"
-						:class="{ clickable: !!navBarStore.rightAction }"
-						@click="navBarStore.rightAction?.()"
+						:style="{ color: navBarStore.rightDisabled ? 'var(--td-text-color-disabled)' : navBarStore.rightTextColor ? navBarStore.rightTextColor : '#333' }"
+						:class="{ clickable: !!navBarStore.rightAction && !navBarStore.rightDisabled, disabled: navBarStore.rightDisabled }"
+						@click="!navBarStore.rightDisabled && navBarStore.rightAction?.()"
 					></span>
 				</div>
 			</template>
@@ -257,6 +263,11 @@ const tabBarHeight = computed(() => {
 			justify-content: center;
 			color: var(--td-text-color-primary, #333);
 			background: transparent;
+
+			&:disabled {
+				color: var(--td-text-color-disabled);
+				cursor: not-allowed;
+			}
 		}
 
 		.nav-title-slot {
@@ -288,6 +299,10 @@ const tabBarHeight = computed(() => {
 			&.clickable {
 				cursor: pointer;
 			}
+
+			&.disabled {
+				cursor: not-allowed;
+			}
 		}
 
 	}