136 lines
2.4 KiB
CSS
136 lines
2.4 KiB
CSS
/* NocoDB Links and External System Integration */
|
|
/* Card layouts and integration status for external databases */
|
|
|
|
.nocodb-links-container {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 30px;
|
|
}
|
|
|
|
.nocodb-cards {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
|
gap: var(--padding-base);
|
|
}
|
|
|
|
.nocodb-card {
|
|
background: white;
|
|
border-radius: 12px;
|
|
padding: 24px;
|
|
box-shadow: var(--shadow-md);
|
|
border: 1px solid #e0e0e0;
|
|
transition: var(--transition);
|
|
}
|
|
|
|
.nocodb-card:hover {
|
|
box-shadow: var(--shadow-lg);
|
|
transform: translateY(-2px);
|
|
}
|
|
|
|
.nocodb-card-header {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
.nocodb-card-header h3 {
|
|
margin: 0;
|
|
font-size: var(--font-size-xl);
|
|
color: #333;
|
|
}
|
|
|
|
.nocodb-card-badge {
|
|
background: #e3f2fd;
|
|
color: #1976d2;
|
|
padding: 4px 12px;
|
|
border-radius: 20px;
|
|
font-size: var(--font-size-xs);
|
|
font-weight: 600;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.nocodb-card p {
|
|
color: #666;
|
|
margin: 0 0 var(--padding-base) 0;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.nocodb-card .btn {
|
|
width: 100%;
|
|
justify-content: center;
|
|
}
|
|
|
|
.nocodb-card .btn.btn-disabled,
|
|
.nocodb-card .btn[disabled] {
|
|
background-color: var(--secondary-color);
|
|
border-color: var(--secondary-color);
|
|
color: white;
|
|
opacity: 0.6;
|
|
cursor: not-allowed;
|
|
pointer-events: none;
|
|
}
|
|
|
|
/* Info Box */
|
|
.nocodb-info {
|
|
margin-top: var(--padding-base);
|
|
}
|
|
|
|
.info-box {
|
|
background: #f8f9fa;
|
|
border: 1px solid #e9ecef;
|
|
border-radius: 8px;
|
|
padding: var(--padding-base);
|
|
}
|
|
|
|
.info-box h4 {
|
|
margin: 0 0 12px 0;
|
|
color: #495057;
|
|
}
|
|
|
|
.info-box p {
|
|
margin: 0 0 12px 0;
|
|
color: #6c757d;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.info-box ul {
|
|
margin: 0;
|
|
padding-left: var(--padding-base);
|
|
color: #6c757d;
|
|
}
|
|
|
|
.info-box ul li {
|
|
margin: 6px 0;
|
|
}
|
|
|
|
.info-box ul li strong {
|
|
color: #495057;
|
|
}
|
|
|
|
/* Badge Color Variations */
|
|
.nocodb-card:nth-child(1) .nocodb-card-badge {
|
|
background: #e8f5e8;
|
|
color: #2e7d32;
|
|
}
|
|
|
|
.nocodb-card:nth-child(2) .nocodb-card-badge {
|
|
background: #fff3e0;
|
|
color: #f57c00;
|
|
}
|
|
|
|
.nocodb-card:nth-child(3) .nocodb-card-badge {
|
|
background: #f3e5f5;
|
|
color: #7b1fa2;
|
|
}
|
|
|
|
.nocodb-card:nth-child(4) .nocodb-card-badge {
|
|
background: #e1f5fe;
|
|
color: #0277bd;
|
|
}
|
|
|
|
.nocodb-card:nth-child(5) .nocodb-card-badge {
|
|
background: #e8f5e8;
|
|
color: #388e3c;
|
|
}
|