diff --git a/src/public/upload.css b/src/public/upload.css index 8505643..dd210ac 100644 --- a/src/public/upload.css +++ b/src/public/upload.css @@ -11,6 +11,10 @@ box-sizing: border-box; } +[hidden] { + display: none !important; +} + body { margin: 0; min-height: 100vh; @@ -214,6 +218,14 @@ h1 { text-align: left; } +.upload-panel:not([data-has-files="true"]) .file-summary { + padding: 16px 0 6px; + border: 0; + border-radius: 0; + background: transparent; + text-align: center; +} + .file-summary__title { margin: 0 0 10px; color: #45615c; @@ -222,6 +234,21 @@ h1 { font-weight: 700; } +.upload-panel:not([data-has-files="true"]) .file-summary__title { + display: none; +} + +.file-summary__empty { + margin: 0; + padding: 8px 0 4px; + color: #242424; + font-family: "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif; + font-size: 21px; + font-weight: 800; + line-height: 1.35; + text-align: center; +} + .file-list { display: flex; flex-wrap: wrap; diff --git a/src/public/upload.html b/src/public/upload.html index 2132b3f..e5c6fb6 100644 --- a/src/public/upload.html +++ b/src/public/upload.html @@ -31,8 +31,9 @@ -
선택한 파일
+사진을 선택해주세요.