/**
 * 閰嶇疆鍒楄〃椤垫牱寮?
 */

/* 閰嶇疆椤甸潰瀹瑰櫒 */
.config-page {
  @apply p-6;
}

/* 琛ㄦ牸鍖哄煙 */
.config-table {
  @apply w-full;
}

/* 鐜鏍囩 */
.env-tag {
  @apply inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium;
}

.env-tag-dev {
  @apply bg-blue-100 text-blue-900;
}

.env-tag-test {
  @apply bg-yellow-100 text-yellow-900;
}

.env-tag-prod {
  @apply bg-green-100 text-green-900;
}

/* 鎿嶄綔鍒楁牱寮?*/
.operations-cell {
  @apply flex justify-center space-x-2;
}

.operation-btn {
  @apply text-sm flex items-center;
}

.operation-btn i {
  @apply mr-1;
}

/* 璇︽儏妯℃€佹鏍峰紡 */
.config-detail-content {
  @apply space-y-4;
}

.config-detail-item {
  @apply mb-4;
}

.config-detail-label {
  @apply text-sm text-gray-500 mb-1;
}

.config-detail-value {
  @apply text-base;
}

.config-detail-code {
  @apply bg-gray-50 p-3 rounded text-sm overflow-x-auto;
}

/* 鍝嶅簲寮忚皟鏁?*/
@screen md {
  .config-filter-form {
    @apply grid-cols-2;
  }
}

@screen lg {
  .config-filter-form {
    @apply grid-cols-4;
  }
}