diff --git a/src/components/upload.vue b/src/components/upload.vue index 6cf7b67..38780a9 100644 --- a/src/components/upload.vue +++ b/src/components/upload.vue @@ -127,9 +127,10 @@ export default {
{{ log }}.
{{ lang.get('upload.position.title') }}
-{{ log }}.
diff --git a/src/styles/_page.upload.scss b/src/styles/_page.upload.scss index e80f350..597d6e7 100644 --- a/src/styles/_page.upload.scss +++ b/src/styles/_page.upload.scss @@ -2,10 +2,10 @@ @use "@styles/color"; #upload { - padding: 1em; + padding: var.$block-spacing; .section { - border-radius: 3px; + border-radius: var.$block-radius; & + .section { margin-top: var.$block-spacing; @@ -17,36 +17,50 @@ } .progress { + position: relative; + height: 1rem; + + div { + position: absolute; + height: 100%; + border-radius: var.$block-radius; + top: 0; + } + .bar { - height: 18px; background: color.$success; + + } + .total { + background: color.$default-bg; + width: 100%; } } .comment { .thumb { width: 30%; - max-width: 100px; + max-width: 120px; } .form { display: inline-block; - width: calc(70% - 2rem); - min-width: calc(100% - 100px - 2rem); - padding: var.$block-spacing; + width: 70%; + min-width: calc(100% - 120px); + padding-left: var.$block-spacing; vertical-align: top; box-sizing: border-box; .content { - width: calc(100% - 2rem); + width: 100%; box-sizing: border-box; - padding: 0.5em; + padding: var.$elem-spacing; background: color.$default-bg; } - .save { + button.save { margin-top: var.$block-spacing; - padding: 0.5em; + padding: var.$elem-spacing; } } }