cc-core-cli/template/admin/public/static/styles/theme-override.css

Command Line Interface tool for generating project templates for the (Your Platform's Name) platform.

/* Theme Override CSS for AntD v5 */
/* This file provides fallback overrides for AntD v5 components to match v4 layout */

/* Login button specific styling to match v4 appearance */
.button_login {
  /* These values will be overridden by design tokens if available */
  height: 44px;
  font-size: 16px;
  font-weight: 500;
  border-radius: 6px;
  transition: all 0.3s ease;
}

.button_login:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Form input styling to match v4 */
.login-input .ant-input,
.login-input-password .ant-input {
  /* These values will be overridden by design tokens if available */
  height: 44px;
  font-size: 16px;
  border-radius: 6px;
  border: 1px solid #d9d9d9;
  transition: all 0.3s ease;
}

.login-input .ant-input:focus,
.login-input-password .ant-input:focus {
  border-color: var(--primary-color, #04ace4);
  box-shadow: 0 0 0 2px rgba(4, 172, 228, 0.2);
}

/* Typography adjustments for v4 compatibility */
.login-form .ant-typography {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.login-form .ant-typography h1,
.login-form .ant-typography h2,
.login-form .ant-typography h3 {
  font-weight: 600;
  line-height: 1.4;
}

/* Form spacing adjustments to match v4 layout */
.login-form .ant-form-item {
  /* This will be overridden by design tokens if available */
  margin-bottom: 16px;
}

.login-form .ant-form-item:last-child {
  margin-bottom: 0;
}

/* Table spacing adjustments for v4 compatibility - more generous spacing */
.ant-table-thead > tr > th {
  /* This will be overridden by design tokens if available */
  padding: 16px 16px !important;
}

.ant-table-tbody > tr > td {
  /* This will be overridden by design tokens if available */
  padding: 16px 16px !important;
}

/* Button spacing adjustments for v4 compatibility - sharp corners */
.ant-btn {
  /* This will be overridden by design tokens if available */
  height: 32px;
  padding: 4px 15px;
  border-radius: 4px !important; /* v4 default */
}

.ant-btn-lg {
  height: 40px;
  padding: 6px 20px;
  border-radius: 6px !important; /* v4 default */
}

.ant-btn-sm {
  height: 24px;
  padding: 0px 7px;
  border-radius: 2px !important; /* v4 default */
}

/* Input spacing adjustments for v4 compatibility - sharp corners */
.ant-input {
  /* This will be overridden by design tokens if available */
  height: 32px;
  border-radius: 4px !important; /* v4 default */
}

.ant-input-lg {
  height: 40px;
  border-radius: 6px !important; /* v4 default */
}

.ant-input-sm {
  height: 24px;
  border-radius: 2px !important; /* v4 default */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .button_login {
    height: 48px;
    font-size: 18px;
  }
  
  .login-input .ant-input,
  .login-input-password .ant-input {
    height: 48px;
    font-size: 18px;
  }
}