View Code - 20260921

dashboard.css | 20260921_175631.php Initial Domain Snapshot

/* /erp/assets/css/dashboard.css  */
/* page: dashboard
   added: <?= date('Y-m-d') ?>
   author: automated-assist
*/

:root{
  --brand-dark:#001b5e;
  --green:#218838;
  --card-bg:#fff;
  --page-bg:#f4fff4;
}

body{background:var(--page-bg);}

/* Topbar */
.dashboard-topbar{
  background:var(--green);
  color:#fff;
  padding:10px 18px;
  border-radius:8px;
  margin:10px 20px;
  display:flex;
  justify-content:space-between;
  font-weight:600;
}

/* Grid */
.dashboard-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:18px;
  margin:0 20px 40px;
}

/* Card */
.dash-card{
  background:var(--card-bg);
  border-radius:10px;
  box-shadow:0 2px 5px rgba(0,0,0,0.08);
  padding:12px;
  text-align:center;
  min-height:220px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:stretch;
}
.dash-card h3{
  margin:0 0 8px;
  font-size:15px;
  color:var(--brand-dark);
  font-weight:700;
  text-align:center;
}
.dash-card.large { min-height:320px; }

/* Canvas sizing */
canvas{ width:100% !important; display:block; }

/* default chart heights (card-specific) */
#yarnChart{ height:260px !important; }
#beamChart, #sareeChart, #pissChart, #warperChart, #zariChart, #metalChart { height:180px !important; }
#effChart { height:180px !important; }

/* Yarn total label */
#yarn-total{ text-align:center; font-size:13px; margin-bottom:6px; color:#333; }

@media (max-width:720px){
  .dash-card { min-height:180px; padding:10px; }
  .dash-card.large { min-height:260px; }
  #yarnChart { height:220px !important; }
}