feat: expand default window size to 1080x760, fix vertical home clipping, and add individual history item deletion

src-tauri/tauri.conf.json

@@ -12,9 +12,11 @@
   "app": {
     "windows": [
       {
-        "title": "tauri-app",
+        "title": "Mana Viewer",
-        "width": 800,
+        "width": 1080,
-        "height": 600
+        "height": 760,
+        "minWidth": 800,
+        "minHeight": 600
       }
     ],
     "security": {

src/App.css

@@ -73,7 +73,6 @@ body {
   width: 100%;
   height: 100%;
   display: flex;
-  align-items: center;
   justify-content: center;
   background:
     radial-gradient(ellipse 80% 50% at 50% -10%, rgba(124, 58, 237, 0.18) 0%, transparent 60%),
@@ -85,6 +84,7 @@ body {
 .url-input-container {
   width: 100%;
   max-width: 640px;
+  margin: auto 0;
   display: flex;
   flex-direction: column;
   gap: 28px;
@@ -425,6 +425,38 @@ kbd {
   gap: 4px;
 }
 
+.history-item-wrapper {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  width: 100%;
+}
+
+.history-item-wrapper .history-item {
+  flex: 1;
+}
+
+.history-delete-btn {
+  background: transparent;
+  border: none;
+  color: var(--color-text-subtle);
+  font-size: 13px;
+  padding: 8px;
+  border-radius: var(--radius-md);
+  cursor: pointer;
+  opacity: 0.4;
+  transition: all var(--transition-fast);
+}
+
+.history-item-wrapper:hover .history-delete-btn {
+  opacity: 1;
+}
+
+.history-delete-btn:hover {
+  background: rgba(239, 68, 68, 0.15);
+  color: var(--color-danger, #ef4444);
+}
+
 .history-item {
   background: transparent;
   border: 1px solid transparent;

src/components/UrlInput.tsx

@@ -155,8 +155,8 @@ export function UrlInput({
               {history.map((entry) => {
                 const displayTitle = entry.chapterTitle || (entry.title && entry.title !== entry.url ? entry.title : null);
                 return (
+                  <div key={entry.url} className="history-item-wrapper">
                     <button
-                    key={entry.url}
                       className="history-item"
                       onClick={() => {
                         setUrl(entry.url);
@@ -181,6 +181,19 @@ export function UrlInput({
                         {new Date(entry.timestamp).toLocaleDateString('ko-KR')}
                       </span>
                     </button>
+                    <button
+                      className="history-delete-btn"
+                      title="이 항목 삭제"
+                      onClick={(e) => {
+                        e.stopPropagation();
+                        const updated = history.filter((h) => h.url !== entry.url);
+                        localStorage.setItem(HISTORY_KEY, JSON.stringify(updated));
+                        setHistory(updated);
+                      }}
+                    >
+                      ✕
+                    </button>
+                  </div>
                 );
               })}
             </div>