wl-design-mobile 0.8.9 → 0.8.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -74,47 +74,53 @@ export default {
74
74
  position: absolute;
75
75
  top: 0;
76
76
  right: 0;
77
- padding: 2px 8px;
78
- font-size: 12px;
79
- display: flex;
77
+ display: inline-flex;
80
78
  align-items: center;
81
79
  gap: 4px;
80
+ padding: 4px 10px;
81
+ border-radius: 0 0 0 4px;
82
+ font-size: 12px;
83
+ font-weight: 500;
84
+ z-index: 1;
82
85
  }
83
86
 
84
87
  .badge-pending { background: #fff7e6; color: #fa8c16; }
85
88
  .badge-processing { background: #e6f7ff; color: #1890ff; }
86
89
  .badge-completed { background: #f6ffed; color: #52c41a; }
87
- .badge-default { background: #f5f5f5; color: #666; }
90
+ .badge-default { background: #d9d9d9; color: #fff; }
88
91
 
89
92
  .detail-grid {
90
93
  display: flex;
91
- gap: 16px;
94
+ flex-wrap: wrap;
95
+ gap: 8px;
92
96
  }
93
97
 
94
98
  .detail-item {
99
+ display: flex;
100
+ align-items: flex-start;
95
101
  font-size: 13px;
96
- color: #646566;
97
- line-height: 1.5;
98
- }
99
-
100
- .detail-label {
101
- color: #969799;
102
+ width: calc(50% - 4px);
102
103
  }
103
104
 
104
- .detail-value {
105
- color: #323233;
105
+ @media (max-width: 510px) {
106
+ .detail-item {
107
+ width: 100% !important;
108
+ }
106
109
  }
107
110
 
108
111
  .comment-item {
112
+ width: 100%;
109
113
  margin-top: 8px;
110
- display: block;
111
114
  }
112
115
 
113
- .comment-item .detail-value {
114
- display: block;
115
- margin-top: 4px;
116
- padding: 8px;
117
- background: #f7f8fa;
118
- border-radius: 4px;
116
+ .detail-label {
117
+ color: #8c8c8c;
118
+ flex-shrink: 0;
119
+ }
120
+
121
+ .detail-value {
122
+ color: #262626;
123
+ flex: 1;
124
+ word-break: break-all;
119
125
  }
120
126
  </style>
@@ -96,7 +96,7 @@ export function getHandleIcon(handleResult) {
96
96
  */
97
97
  export function getFileIcon(fileName) {
98
98
  if (!fileName) return 'description'
99
- const ext = fileName.split('.').pop()?.toLowerCase()
99
+ const ext = (fileName.split('.').pop() || '').toLowerCase()
100
100
  const iconMap = {
101
101
  pdf: 'pdf',
102
102
  doc: 'description',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "wl-design-mobile",
3
- "version": "0.8.9",
3
+ "version": "0.8.11",
4
4
  "description": "",
5
5
  "main": "index.js",
6
6
  "author": "finch",