适配移动端

wudg · Jan 26, 2024 · 8860d7e · 8860d7e
1 parent 2c49c85
commit 8860d7e
Show file tree

Hide file tree

Showing 8 changed files with 467 additions and 321 deletions.
diff --git a/README.EN.md b/README.EN.md
@@ -50,4 +50,9 @@ Generate exquisite images with just one click based on text and emoticons
 ### V1.0.2 2024-01-25 21:20
 
 1. Add font selection function
-2. Cards support custom logos 
+2. Cards support custom logos 
+
+
+### V1.0.3 2024-01-26 16:50
+
+1. Adapt to mobile devices
diff --git a/README.md b/README.md
@@ -62,4 +62,9 @@ AmazeCard是一个在线工具，可以将文字和表情符号转换为图片
 ### V1.0.2 2024-01-25 21:20
 
 1. 添加选择字体功能
-2. 卡片支持自定义logo（替代文本水印或者额外增加logo）
+2. 卡片支持自定义logo（替代文本水印或者额外增加logo）
+
+
+### V1.0.3 2024-01-26 16:50
+
+1. 适配移动端
diff --git a/src/App.vue b/src/App.vue
@@ -129,7 +129,7 @@ const selectOption = (option) => {
         list-style-type: none;
         padding: 6px 0;
         margin-left: -45px; 
-        z-index: 1;
+        z-index: 2;
         background-color: var(--background);
         border-radius: 6px;
         box-shadow: 0px 0px 2px 0px #e9e9e9;
@@ -158,4 +158,11 @@ const selectOption = (option) => {
         }
     }
 }
+
+
+@media (max-width: 1000px) {
+    .head {
+        padding: 0 12px;
+    }
+}
 </style>
diff --git a/src/langurage/en.js b/src/langurage/en.js
@@ -21,6 +21,7 @@ export default {
     down: 'Down',
     copy: 'Copy',
     copy: '复制',
+    setUp: 'Set Up',
     selectImg: 'select Image',
     default_Text: `🎨 Turn your text memos into picture cards that can be shared and saved. 
 💡 Write your memo here to try it out.`

diff --git a/src/langurage/zh.js b/src/langurage/zh.js
@@ -22,6 +22,7 @@ export default {
     clean: '清除',
     down: '下载',
     copy: '复制',
+    setUp: '设置',
     selectImg: '选择图片',
     default_Text: `🎨 MemoCard 可以帮你生成精美的卡片，可应用于你日常书摘、笔记、备忘等内容的分享。
 💡 你可以在这里输入文字尝试一下，实时生效。`