00ffc6b54c
Some checks failed
Build Push and Restart Compose / deploy (push) Failing after 1m42s
- Svelte 기반 프론트엔드 프로젝트 초기 설정 추가 (`vite`, `tailwindcss` 등 포함). - "자동매매" 주요 상태 및 규칙 관리 페이지 구현. - 1차/2차 손절 및 익절 조건 평가 로직 추가(`calcStopTargets`, `evalExitReason` 등). - 포지션 상세 로그 및 WebSocket 기반 실시간 로그 스트림 추가. - API 서비스 및 Frontend 간 Proxy 설정(Vite 서버). - 세션 체크를 위한 `CheckSession` 핸들러 추가.
38 lines
1.1 KiB
Svelte
38 lines
1.1 KiB
Svelte
<script lang="ts">
|
|
import { createEventDispatcher } from 'svelte'
|
|
|
|
interface Props {
|
|
title: string
|
|
open: boolean
|
|
children?: import('svelte').Snippet
|
|
}
|
|
|
|
let { title, open, children }: Props = $props()
|
|
const dispatch = createEventDispatcher<{ close: void }>()
|
|
|
|
function onBackdrop(e: MouseEvent) {
|
|
if (e.target === e.currentTarget) dispatch('close')
|
|
}
|
|
</script>
|
|
|
|
{#if open}
|
|
<!-- svelte-ignore a11y_click_events_have_key_events a11y_no_static_element_interactions -->
|
|
<div
|
|
class="fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-sm"
|
|
onclick={onBackdrop}
|
|
>
|
|
<div class="bg-gray-800 rounded-xl shadow-2xl w-full max-w-lg mx-4 overflow-hidden">
|
|
<div class="flex items-center justify-between px-5 py-4 border-b border-gray-700">
|
|
<h2 class="text-lg font-semibold text-white">{title}</h2>
|
|
<button
|
|
class="text-gray-400 hover:text-white transition-colors"
|
|
onclick={() => dispatch('close')}
|
|
>✕</button>
|
|
</div>
|
|
<div class="p-5">
|
|
{@render children?.()}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{/if}
|