mirror of
https://ghproxy.net/https://github.com/abhijitb/helix.git
synced 2025-08-28 00:34:34 +08:00
2 lines
13 KiB
CSS
2 lines
13 KiB
CSS
|
.helix-dashboard,.helix-page{padding:2rem;max-width:1400px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.helix-page h1{font-size:2rem;margin-bottom:1rem;color:#0f172a;font-weight:700}.helix-page p{color:#64748b;margin-bottom:2rem}.helix-dashboard__header{margin-bottom:3rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:3rem 2rem;margin:-2rem 0 3rem -2rem;border-radius:0 0 24px 24px;position:relative;overflow:hidden}.helix-dashboard__header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.3}.helix-dashboard__header h1{font-size:3rem;margin:0 0 .5rem;color:#fff;font-weight:800;position:relative;z-index:1;text-shadow:0 2px 4px rgba(0,0,0,.3)}.helix-dashboard__header p{font-size:1.25rem;color:#ffffffe6;margin:0;position:relative;z-index:1;font-weight:400;line-height:3}.helix-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem}.helix-loading__spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.helix-dashboard__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.helix-stats-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;align-items:flex-start;gap:1rem;transition:transform .2s ease,box-shadow .2s ease;border:1px solid rgba(226,232,240,.5)}.helix-stats-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -3px #0000001a,0 4px 6px -2px #0000000d}.helix-stats-card--blue,.helix-stats-card--green,.helix-stats-card--orange,.helix-stats-card--purple{background:linear-gradient(135deg,#f0f4ff,#e0e7ff);border-left:4px solid #667eea}.helix-stats-card--blue .helix-stats-card__icon svg,.helix-stats-card--green .helix-stats-card__icon svg,.helix-stats-card--orange .helix-stats-card__icon svg,.helix-stats-card--purple .helix-stats-card__icon svg{color:#667eea}.helix-stats-card__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:10px;background:#fffc;box-shadow:0 2px 4px #0000001a}.helix-stats-card__icon svg{width:24px;height:24px}.helix-stats-card__content{flex:1}.helix-stats-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.25rem}.helix-stats-card__count{font-size:2rem;font-weight:700;margin:0;color:#0f172a;line-height:1}.helix-stats-card__title{font-size:.875rem;color:#64748b;margin:0;font-weight:500}.helix-stats-card__trend{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;color:#059669;background:#10b9811a;padding:.25rem .5rem;border-radius:6px}.helix-trend-icon{width:12px!important;height:12px!important}.helix-dashboard__content{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.helix-widget{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden;border:1px solid rgba(226,232,240,.5);transition:box-shadow .2s ease}.helix-widget:hover{box-shadow:0 10px 25px -3px #0000001a,0 4px 6px -2px #0000000d}.helix-widget__header{padding:1.25rem 1.5rem;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#fefefe,#f8fafc)}.helix-widget__header h2{margin:0;font-size:1.25rem;color:#1e293b;flex-grow:1}.helix-widget__link{color:#3b82f6;text-decoration:none;font-size:.9rem}.helix-widget__link:hover{text-decoration:underline}.helix-widget__content{padding:1.5rem}.helix-widget__empty{color:#64748b;font-style:italic}.helix-posts-list,.helix-comments-li
|
