update style

src/pages/salesOrder/SalesOrderDetail.vue

@@ -10,7 +10,7 @@
 						<t-tag :content="getSalesOrderStatusText(order.status)" variant="light-outline" :theme="getStatusTheme(order.status)" />
 					</div>
 				</div>
-				<h1 class="no" v-text="order.orderNo" />
+				<h1 class="no selectable" v-text="order.orderNo" />
 				<div class="meta">
 					<pass-time-label class="time" :timestamp="order.purchasedAt" underline />
 					<div class="amount red text-bold">

src/pages/tabs/HomeTab.vue

@@ -12,6 +12,7 @@
 					v-for="(item, index) in group.entryList"
 					:key="item.path"
 					class="item"
+					:class="{ quick: item.path === '/customer/quick-sign-in' }"
 					@click="go(item.path)"
 				>
 					<div class="body">
@@ -173,12 +174,15 @@ onUnmounted(() => {
 			grid-template-columns: repeat(3, minmax(0, 1fr));
 
 			.item {
-				color: #0f766e;
+				--entry-color: #0f766e;
+				--entry-background: rgba(255, 255, 255, .92);
+
+				color: var(--entry-color);
 				padding: 1rem;
 				display: flex;
 				position: relative;
 				text-align: center;
-				background: rgba(255, 255, 255, .92);
+				background: var(--entry-background);
 				box-shadow: 0 .75rem 2rem rgba(15, 23, 42, .08);
 				align-items: center;
 				aspect-ratio: 1;
@@ -186,6 +190,11 @@ onUnmounted(() => {
 				flex-direction: column;
 				justify-content: center;
 
+				&.quick {
+					color: var(--entry-background);
+					background: var(--entry-color);
+				}
+
 				.body {
 					inset: 1rem;
 					display: flex;
@@ -219,11 +228,10 @@ onUnmounted(() => {
 		}
 
 		.item {
-			background: rgba(15, 23, 42, .88);
+			--entry-background: rgba(15, 23, 42, .88);
 			box-shadow: 0 .75rem 2rem rgba(2, 6, 23, .32);
 
 		}
 	}
 }
 </style>
-