style: resize image when width changes

Author: dafi

.claude/settings.local.json

@@ -0,0 +1,8 @@
+{
+  "permissions": {
+    "allow": [
+      "Bash(git *)",
+      "Bash(pbcopy)"
+    ]
+  }
+}

AGENTS.md

@@ -0,0 +1,8 @@
+# Text Guidelines
+
+- Check the grammar of any text and adjust if necessary. Text must ALWAYS be written in ENGLISH.
+- Write the text using user-manual style language: clear, simple, and accessible, avoiding unnecessary technical jargon, while retaining all technical details explicitly documented in the source, without omitting or oversimplifying them.
+
+# Versioning
+
+Do not ask to commit, operations like `commit`, `add`, `push` are done manually by the user

CLAUDE.md

@@ -0,0 +1 @@
+AGENTS.md

css/input.css

@@ -160,13 +160,19 @@ td.copy-cmd.copied::after {
 }
 
 img.wiki-img {
-  max-width: 50%;
+  max-width: 100%;
   border: 1px solid #94a3b8;
   border-radius: 4px;
   background-color: #fff;
   padding: 3px;
 }
 
+@media (min-width: 768px) {
+  img.wiki-img {
+    max-width: 50%;
+  }
+}
+
 table.file-legend tr td {
   padding: 6px 10px;
 }

css/theme.css

@@ -1584,12 +1584,17 @@ td.copy-cmd.copied::after {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23059669' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
 }
 img.wiki-img {
-  max-width: 50%;
+  max-width: 100%;
   border: 1px solid #94a3b8;
   border-radius: 4px;
   background-color: #fff;
   padding: 3px;
 }
+@media (min-width: 768px) {
+  img.wiki-img {
+    max-width: 50%;
+  }
+}
 table.file-legend tr td {
   padding: 6px 10px;
 }