diff --git a/public/images/fc_computer.png b/public/images/fc_computer.png index 0928395..1b90e5e 100644 Binary files a/public/images/fc_computer.png and b/public/images/fc_computer.png differ diff --git a/public/images/fc_left_tab.png b/public/images/fc_left_tab.png index a00a8da..cfd4fcf 100644 Binary files a/public/images/fc_left_tab.png and b/public/images/fc_left_tab.png differ diff --git a/public/images/fc_right_tab.png b/public/images/fc_right_tab.png index 6c54cd7..8c1a9a3 100644 Binary files a/public/images/fc_right_tab.png and b/public/images/fc_right_tab.png differ diff --git a/src/css/common.css b/src/css/common.css index 82e026c..72237eb 100644 --- a/src/css/common.css +++ b/src/css/common.css @@ -713,10 +713,10 @@ body{overflow-x:hidden;} .fc-situation__main { width: 100%; object-fit: contain; display: block; } /* 왼쪽 탭 위치/크기 */ -.fc-situation__left { position: absolute; left: -25%; top: 10%; width: 70% !important; object-fit: contain; } +.fc-situation__left { position: absolute; left: -20%; top: 10%; width: 60% !important; object-fit: contain; } /* 오른쪽 탭 위치/크기 */ -.fc-situation__right { position: absolute; right: -20%; top: 20%; width: 70% !important; object-fit: contain; } +.fc-situation__right { position: absolute; right: -20%; top: 20%; width: 60% !important; object-fit: contain; } /* 아래 탭 위치/크기 */ .fc-situation__bottom { position: absolute; bottom: -40%; left: -5%; width: 60%; object-fit: contain; } @@ -808,15 +808,16 @@ body{overflow-x:hidden;} .fc-domains__grid { grid-template-columns: repeat(3, 1fr); } - .fc-functions__body { - flex-direction: column; - gap: 2rem; - } + .fc-functions__body { flex-direction: column; gap: 2rem; } + .fc-func-display { flex: none; width: 100%; max-width: 500px; } + .fc-func-list{ + width: 100%; + } .fc-flow__row { flex-direction: column; gap: 1rem; @@ -863,7 +864,7 @@ body{overflow-x:hidden;} .fc-highlight__title { font-size: 1.3rem; } .fc-highlight__desc { font-size: 0.82rem; } .fc-highlight__float-icon { width: 48px; height: 48px; } - .fc-highlight__img-scene { transform: scale(0.75); transform-origin: top center; } + .fc-highlight__img-scene { transform: scale(0.75); transform-origin: top center; } } \ No newline at end of file