mysqlsyncr 1.0.16 → 1.0.17
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.
- package/package.json +1 -1
- package/ui/dist/spa/assets/{MainLayout-CGvO4rsY.js → MainLayout-IHjlnAD2.js} +1 -1
- package/ui/dist/spa/assets/{axios-CrRsmKCW.js → axios-HfQssU4f.js} +1 -1
- package/ui/dist/spa/assets/{index-8ohClfZU.js → index-6FSvQhVE.js} +1 -1
- package/ui/dist/spa/assets/{index-767_aev0.css → index-DSdhKCc_.css} +1 -1
- package/ui/dist/spa/index.html +2 -2
- package/ui/src/components/FolderBrowser.vue +17 -14
package/ui/dist/spa/index.html
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
<!DOCTYPE html><html><head><title>MySQLsyncr</title><meta charset=utf-8><meta name=description content="A simple ui for the sync features in mysqlsyncr"><meta name=format-detection content="telephone=no"><meta name=msapplication-tap-highlight content=no><meta name=viewport content="user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1,width=device-width"><link rel=icon type=image/png sizes=128x128 href=/icons/favicon-128x128.png><link rel=icon type=image/png sizes=96x96 href=/icons/favicon-96x96.png><link rel=icon type=image/png sizes=32x32 href=/icons/favicon-32x32.png><link rel=icon type=image/png sizes=16x16 href=/icons/favicon-16x16.png><link rel=icon type=image/ico href=/favicon.ico> <script type="module" crossorigin src="/assets/index-
|
|
2
|
-
<link rel="stylesheet" crossorigin href="/assets/index-
|
|
1
|
+
<!DOCTYPE html><html><head><title>MySQLsyncr</title><meta charset=utf-8><meta name=description content="A simple ui for the sync features in mysqlsyncr"><meta name=format-detection content="telephone=no"><meta name=msapplication-tap-highlight content=no><meta name=viewport content="user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1,width=device-width"><link rel=icon type=image/png sizes=128x128 href=/icons/favicon-128x128.png><link rel=icon type=image/png sizes=96x96 href=/icons/favicon-96x96.png><link rel=icon type=image/png sizes=32x32 href=/icons/favicon-32x32.png><link rel=icon type=image/png sizes=16x16 href=/icons/favicon-16x16.png><link rel=icon type=image/ico href=/favicon.ico> <script type="module" crossorigin src="/assets/index-6FSvQhVE.js"></script>
|
|
2
|
+
<link rel="stylesheet" crossorigin href="/assets/index-DSdhKCc_.css">
|
|
3
3
|
</head><body><div id=q-app></div></body></html>
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
<q-dialog v-model="isOpen" persistent>
|
|
3
3
|
<q-card class="folder-browser-card">
|
|
4
4
|
<q-card-section class="header-section row items-center justify-between">
|
|
5
|
-
<div class="text-h6">Select Folder</div>
|
|
6
|
-
<q-btn icon="close" flat round dense v-close-popup />
|
|
5
|
+
<div class="text-h6 text-white">Select Folder</div>
|
|
6
|
+
<q-btn icon="close" flat round dense v-close-popup class="text-white" />
|
|
7
7
|
</q-card-section>
|
|
8
8
|
|
|
9
9
|
<q-card-section>
|
|
@@ -152,43 +152,46 @@ export default {
|
|
|
152
152
|
|
|
153
153
|
<style scoped>
|
|
154
154
|
.folder-browser-card {
|
|
155
|
-
min-width:
|
|
156
|
-
max-width:
|
|
157
|
-
border-radius:
|
|
158
|
-
box-shadow: 0 4px
|
|
155
|
+
min-width: 600px;
|
|
156
|
+
max-width: 900px;
|
|
157
|
+
border-radius: 4px;
|
|
158
|
+
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
159
159
|
}
|
|
160
160
|
|
|
161
161
|
.header-section {
|
|
162
|
-
background-color:
|
|
163
|
-
border-bottom: 1px solid
|
|
164
|
-
padding:
|
|
162
|
+
background-color: var(--q-primary);
|
|
163
|
+
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
|
|
164
|
+
padding: 16px 20px;
|
|
165
165
|
}
|
|
166
166
|
|
|
167
167
|
.path-section {
|
|
168
|
-
margin-bottom:
|
|
168
|
+
margin-bottom: 16px;
|
|
169
169
|
}
|
|
170
170
|
|
|
171
171
|
.current-path-input {
|
|
172
172
|
font-family: monospace;
|
|
173
|
+
font-size: 13px;
|
|
173
174
|
}
|
|
174
175
|
|
|
175
176
|
.directory-list {
|
|
176
|
-
max-height:
|
|
177
|
+
max-height: 450px;
|
|
177
178
|
overflow-y: auto;
|
|
178
179
|
border-radius: 4px;
|
|
179
180
|
border: 1px solid #e0e0e0;
|
|
180
181
|
}
|
|
181
182
|
|
|
182
183
|
.directory-item {
|
|
183
|
-
transition: background-color 0.
|
|
184
|
+
transition: background-color 0.15s;
|
|
185
|
+
min-height: 40px;
|
|
184
186
|
}
|
|
185
187
|
|
|
186
188
|
.directory-item:hover {
|
|
187
|
-
background-color: #
|
|
189
|
+
background-color: #f5f9ff;
|
|
188
190
|
}
|
|
189
191
|
|
|
190
192
|
.action-buttons {
|
|
191
|
-
padding:
|
|
193
|
+
padding: 12px 20px;
|
|
192
194
|
border-top: 1px solid #e0e0e0;
|
|
195
|
+
background-color: #fafafa;
|
|
193
196
|
}
|
|
194
197
|
</style>
|