added classes for easier styling
Massimo Melina committed
Apr 5, 2023 at 22:15 UTC
8616d10652422faf2c2d4ea8b73d6a0dae44a1c6
4 files changed
+14
-5
frontend/src/UserPanel.ts
+1
@@ -13,6 +13,7 @@ import { t } from './i18n'
13
export default function showUserPanel() {
14
newDialog({
15
title: t`User panel`,
16
+ className: 'user-dialog',
17
icon: () => hIcon('user'),
18
Content() {
19
const snap = useSnapState()
frontend/src/login.ts
+1
-1
@@ -56,7 +56,7 @@ export async function loginDialog(navigate: ReturnType<typeof useNavigate>) {
56
if (closeLoginDialog)
57
return lastPromise
58
const closeDialog = closeLoginDialog = newDialog({
59
- className: 'dialog-login',
59
+ className: 'login-dialog dialog-login',
60
icon: () => hIcon('login'),
61
onClose(v) {
62
resolve(v)
frontend/src/options.ts
+1
@@ -12,6 +12,7 @@ export function showOptions (){
12
const options = ['name', 'extension', 'size', 'time']
13
const close = newDialog({
14
title: t`Options`,
15
+ className: 'options-dialog',
16
icon: () => hIcon('settings'),
17
Content
18
})
frontend/src/upload.ts
+11
-4
@@ -70,7 +70,7 @@ export function showUpload() {
70
resetCounters()
71
uploadDialogIsOpen = true
72
const close = newDialog({
73
- dialogProps: { style: { minHeight: '6em', minWidth: 'min(20em, 100vw - 1em)' } },
73
+ dialogProps: { id: 'upload-dialog', style: { minHeight: '6em', minWidth: 'min(20em, 100vw - 1em)' } },
74
title: t`Upload`,
75
icon: () => hIcon('upload'),
76
Content,
@@ -93,16 +93,23 @@ export function showUpload() {
93
h(FlexV, { position: 'sticky', top: -4, background: 'var(--bg)' },
94
!can_upload ? t('no_upload_here', "No upload permission for the current folder")
95
: h(Flex, { justifyContent: 'center', flexWrap: 'wrap', marginTop: '1em' },
96
- h('button', { onClick: () => pickFiles({ accept: normalizeAccept(accept) }) }, t`Pick files`),
97
- h('button', { onClick: () => pickFiles({ folder: true }) }, t`Pick folder`),
96
+ h('button', {
97
+ className: 'upload-files',
98
+ onClick: () => pickFiles({ accept: normalizeAccept(accept) })
99
+ }, t`Pick files`),
100
+ h('button', {
101
+ className: 'upload-folder',
102
+ onClick: () => pickFiles({ folder: true })
103
+ }, t`Pick folder`),
104
files.length > 0 && h('button', {
105
+ className: 'upload-send',
106
onClick() {
107
enqueue(files)
108
setFiles([])
109
}
110
}, t('send_files', { n: files.length, size }, "Send {n,plural,one{# file} other{# files}}, {size}")),
111
files.length > 1 && h('button', { onClick() { setFiles([]) } }, t`Clear`),
105
- h('button', { onClick: createFolder }, t`Create folder`),
112
+ h('button', { className: 'create-folder', onClick: createFolder }, t`Create folder`),
113
),
114
),
115
h(FilesList, {