aidev
172 lines
4.0 KiB
CSS
172 lines
4.0 KiB
CSS
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
html, body, #root {
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
html, body, #root {
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
body {
|
|
font-family: 'Noto Sans KR', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
background-color: #0a0a0f;
|
|
color: #e0e0e0;
|
|
}
|
|
body {
|
|
font-family: 'Noto Sans KR', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
background-color: #0a0a0f;
|
|
color: #e0e0e0;
|
|
}
|
|
|
|
code {
|
|
font-family: 'JetBrains Mono', source-code-pro, Menlo, Monaco, Consolas, monospace;
|
|
}
|
|
|
|
::-webkit-scrollbar {
|
|
width: 8px;
|
|
height: 8px;
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
background: #1a1a2e;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background: #4a4a6a;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: #5a5a8a;
|
|
}
|
|
|
|
/* Custom selection */
|
|
::selection {
|
|
background: rgba(100, 149, 237, 0.3);
|
|
}
|
|
|
|
/* Animations */
|
|
@keyframes fadeIn {
|
|
from {
|
|
opacity: 0;
|
|
transform: translateY(10px);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
|
|
@keyframes pulse {
|
|
0%, 100% {
|
|
opacity: 1;
|
|
}
|
|
50% {
|
|
opacity: 0.5;
|
|
}
|
|
}
|
|
|
|
.fade-in {
|
|
animation: fadeIn 0.3s ease-out;
|
|
}
|
|
|
|
.pulse {
|
|
animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
|
|
}
|
|
|
|
/* ??lightweight-charts Y於??堧箘 瓿犾爼 - 氇�摖 彀�姼??X於??茧波 ?曤牞???勴暣 */
|
|
/* ?检� Y於??侅棴(觳?氩堨Ц td)?€ 0px, ?るジ飒?Y於??侅棴(毵堨?毵?td)毵?100px 瓿犾爼 */
|
|
.indicator-chart-container table tr td:nth-child(1) {
|
|
width: 0px !important;
|
|
min-width: 0px !important;
|
|
max-width: 0px !important;
|
|
flex: 0 0 0px !important;
|
|
padding: 0 !important;
|
|
margin: 0 !important;
|
|
}
|
|
|
|
/* ?るジ飒?Y於??侅棴 (毵堨?毵?td) 瓿犾爼 */
|
|
.indicator-chart-container table tr td:last-child {
|
|
width: 100px !important;
|
|
min-width: 100px !important;
|
|
max-width: 100px !important;
|
|
flex: 0 0 100px !important;
|
|
}
|
|
|
|
/* 氇�皵?检棎?滊姅 Y於??侅棴 於曥唽 */
|
|
@media (max-width: 768px) {
|
|
.indicator-chart-container table tr td:last-child {
|
|
width: 45px !important;
|
|
min-width: 45px !important;
|
|
max-width: 45px !important;
|
|
flex: 0 0 45px !important;
|
|
}
|
|
}
|
|
|
|
/* ??甑�泊?侅澑 ?犿儩?愲� 臧曥牅 ?侅毄 - ?检�?€ 0px */
|
|
.indicator-chart-container > div > table tr td:first-child,
|
|
.indicator-chart-container > div > div > table tr td:first-child {
|
|
width: 0px !important;
|
|
min-width: 0px !important;
|
|
max-width: 0px !important;
|
|
flex: 0 0 0px !important;
|
|
padding: 0 !important;
|
|
margin: 0 !important;
|
|
}
|
|
|
|
/* ??甑�泊?侅澑 ?犿儩?愲� 臧曥牅 ?侅毄 - ?るジ飒届? 100px */
|
|
.indicator-chart-container > div > table tr td:last-child,
|
|
.indicator-chart-container > div > div > table tr td:last-child {
|
|
width: 100px !important;
|
|
min-width: 100px !important;
|
|
max-width: 100px !important;
|
|
flex: 0 0 100px !important;
|
|
}
|
|
|
|
/* 氇�皵?检棎?滊姅 Y於??侅棴 於曥唽 */
|
|
@media (max-width: 768px) {
|
|
.indicator-chart-container > div > table tr td:last-child,
|
|
.indicator-chart-container > div > div > table tr td:last-child {
|
|
width: 45px !important;
|
|
min-width: 45px !important;
|
|
max-width: 45px !important;
|
|
flex: 0 0 45px !important;
|
|
}
|
|
}
|
|
|
|
/* lightweight-charts v4???堧�??甑�“ ?€??- ?检�?€ 0px */
|
|
.indicator-chart-container div[style*="display: flex"] > div:first-child {
|
|
width: 0px !important;
|
|
min-width: 0px !important;
|
|
max-width: 0px !important;
|
|
flex: 0 0 0px !important;
|
|
padding: 0 !important;
|
|
margin: 0 !important;
|
|
}
|
|
|
|
/* lightweight-charts v4???堧�??甑�“ ?€??- ?るジ飒届? 100px */
|
|
.indicator-chart-container div[style*="display: flex"] > div:last-child {
|
|
width: 100px !important;
|
|
min-width: 100px !important;
|
|
max-width: 100px !important;
|
|
flex: 0 0 100px !important;
|
|
}
|
|
|