study

frontend/src/views/StudyView.vue

@@ -233,25 +233,23 @@
     <!-- DETAIL MODAL FOR STUDY ELEMENT -->
     <dialog ref="detailModal" class="modal" :class="{ 'modal-open': activeElement }">
       <div v-if="activeElement" class="modal-box max-w-4xl bg-base-200 border border-base-content/10 p-8 rounded-3xl shadow-2xl relative flex flex-col max-h-[85vh]">
-        <!-- Close button -->
+        <!-- Control buttons (Print & Close) -->
-        <button @click="closeModal" class="btn btn-sm btn-circle btn-ghost absolute right-4 top-4">✕</button>
+        <div class="absolute right-4 top-3 flex items-center gap-0">
-
+          <button @click="printSingleElement(activeElement)" class="btn btn-sm btn-circle btn-ghost" title="PDF/인쇄">
-        <!-- Modal Header -->
+            <PrinterIcon :size="16" />
-        <div class="flex items-center justify-between border-b border-base-content/10 pb-4 mb-4 shrink-0">
-          <div class="flex items-center gap-2">
-            <span class="badge badge-primary font-black">문제 #{{ activeElement.questionId }}</span>
-            <span class="text-xs font-bold opacity-60">학습 개념 노트</span>
-          </div>
-          <button @click="printSingleElement(activeElement)" class="btn btn-outline btn-sm btn-neutral font-bold rounded-xl">
-            <PrinterIcon :size="14" class="mr-1.5" />
-            PDF/인쇄
           </button>
+          <button @click="closeModal" class="btn btn-sm btn-circle btn-ghost">✕</button>
         </div>
 
-        <!-- Question Context -->
+        <!-- Modal Header -->
-        <div class="bg-base-300/40 border border-base-content/5 p-4 rounded-xl mb-6 text-sm shrink-0">
+        <div class="border-b border-base-content/10 pb-4 mb-6 shrink-0">
-          <strong class="text-primary block mb-1">기출문제:</strong>
+          <div class="space-y-1.5">
-          <p class="opacity-80 line-clamp-2">{{ activeElement.questionText }}</p>
+            <div class="text-base font-bold text-primary">{{ activeElement.keyword || '개념 학습' }}</div>
+            <div class="flex items-start gap-2 text-xs font-medium opacity-70">
+              <span class="badge badge-primary badge-sm font-black shrink-0">문제 #{{ activeElement.questionId }}</span>
+              <span class="leading-relaxed">{{ activeElement.questionText }}</span>
+            </div>
+          </div>
         </div>
 
         <!-- Extracted Concepts Markdown viewer -->