style(leveldialog): 修正弹窗宽度及添加响应式样式 #290

Author: anghunk

CHANGELOG.md

@@ -1 +1 @@
-- feat(export): 支持HTML表格转换为Markdown格式 #289
+- style(leveldialog): 修正弹窗宽度及添加响应式样式 #290

entrypoints/SettingComponents/Button/LevelDialog.vue

@@ -350,7 +350,7 @@ export default {
 	position: fixed;
 	bottom: 20px;
 	right: 90px;
-	width: calc(100% - 100px);
+	width: 100%;
 	max-width: 450px;
 	background-color: var(--secondary);
 	padding: 20px;
@@ -461,4 +461,10 @@ export default {
 		background: var(--primary-low);
 	}
 }
+
+@media(max-width:768px) {
+	#linuxDoLevelPopupContent {
+		width: calc(100vw - 100px);
+	}
+}
 </style>

package.json

@@ -2,7 +2,7 @@
   "name": "linuxdo-scripts",
   "description": "manifest.json description",
   "private": true,
-  "version": "1.5.15",
+  "version": "1.5.16",
   "type": "module",
   "scripts": {
     "dev": "wxt",

version-log.md

@@ -1,3 +1,7 @@
+## 1.5.16
+
+- style(leveldialog): 修正弹窗宽度及添加响应式样式 #290
+
 ## 1.5.15
 
 - feat(export): 支持HTML表格转换为Markdown格式 #289