Spaces:
Sleeping
Sleeping
File size: 3,294 Bytes
f6d1946 f2b5dca c1d305f f6d1946 f2b5dca f6d1946 f2b5dca f6d1946 f2b5dca 08efbfa f2b5dca f6d1946 f2b5dca c1d305f f2b5dca f6d1946 08efbfa f6d1946 08efbfa f2b5dca 08efbfa f2b5dca 08efbfa f2b5dca 08efbfa f6d1946 f2b5dca 6388752 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 | /* === Global Layout === */
.gradio-container {
font-family: 'Inter', sans-serif;
background-color: #0d1117 !important;
}
[data-testid="block-container"] {
max-width: 1180px !important;
margin: auto !important;
}
/* === Typography === */
h2, h3, .gr-markdown {
color: #f0f6fc !important;
font-weight: 600 !important;
}
/* === KPI Panel === */
#kpi_panel {
display: flex;
justify-content: space-between;
align-items: center;
margin: 12px 0 4px 0;
}
.kpi-card {
background-color: #161b22;
border-radius: 6px;
padding: 10px 14px;
width: 24%;
box-shadow: 0 1px 3px rgba(0,0,0,0.3);
display: flex;
flex-direction: column;
}
.kpi-symbol {
font-weight: 700;
font-size: 15px;
color: #f0f6fc;
}
.kpi-price {
font-size: 20px;
font-weight: 600;
color: #f9fafb;
}
.kpi-change {
font-size: 13px;
margin-top: 2px;
}
/* === Chart Embed (ECharts + Highcharts) === */
[data-testid="html"] {
width: 100% !important;
background: #0d1117 !important;
border: 1px solid #30363d !important;
border-radius: 6px !important;
overflow: hidden !important;
}
/* === Remove Gray Placeholder Icons === */
[data-testid="plot-container"] svg {
display: none !important;
}
[data-testid="plot-container"] .wrap {
background: transparent !important;
box-shadow: none !important;
}
/* === Plot Layout === */
[data-testid="plot-container"] {
width: 100% !important;
margin: 0 auto 16px auto !important;
}
[data-testid="plot-container"] canvas {
width: 100% !important;
height: auto !important;
}
/* === Chart Heights === */
#root [label="Market Composition"] canvas { height: 360px !important; }
#root [label="Top Movers"] canvas,
#root [label="Market Cap vs Volume"] canvas { height: 320px !important; }
/* === Sidebar === */
#ai_summary_sidebar textarea {
height: 360px !important;
background-color: #161b22 !important;
color: #f0f6fc !important;
border: 1px solid #30363d !important;
border-radius: 6px !important;
font-family: 'JetBrains Mono', monospace !important;
font-size: 13.5px !important;
line-height: 1.5 !important;
padding: 12px !important;
resize: none !important;
}
/* === Controls === */
.gr-button {
border-radius: 6px !important;
font-weight: 600 !important;
letter-spacing: 0.3px;
height: 52px !important;
background: linear-gradient(90deg, #4f46e5, #6366f1) !important;
border: none !important;
box-shadow: 0 2px 4px rgba(0,0,0,0.25);
transition: all 0.2s ease-in-out;
}
.gr-button:hover {
filter: brightness(1.08);
transform: translateY(-1px);
}
.gr-slider {
height: 52px !important;
}
.gr-slider input[type=range]::-webkit-slider-thumb {
background: #6366f1 !important;
}
/* === Table / Row spacing === */
.gr-dataframe table {
width: 100% !important;
color: #c9d1d9 !important;
background: #161b22 !important;
}
.gr-dataframe th {
background-color: #21262d !important;
color: #f0f6fc !important;
border-bottom: 1px solid #30363d !important;
text-transform: uppercase;
font-weight: 600 !important;
}
.gr-dataframe td {
border-top: 1px solid #30363d !important;
padding: 8px !important;
}
.gr-row { gap: 16px !important; }
|