raucao/marco
1
0
Fork 0
Code Issues 17 Pull Requests Actions Releases 5 Activity

Improve dropzone styles

Browse Source
This commit is contained in:
Râu Cao
2026-04-20 16:39:37 +04:00
parent 79777fb51a
commit b7cce6eb7e
2 changed files with 7 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/components/place-photo-upload.gjs
View File

@@ -215,7 +215,7 @@ export default class PlacePhotoUpload extends Component {
{{on "drop" this.handleDrop}} {{on "drop" this.handleDrop}}
> >
<label for="photo-upload-input" class="dropzone-label"> <label for="photo-upload-input" class="dropzone-label">
<Icon @name="upload-cloud" @size={{48}} /> <Icon @name="upload-cloud" @size={{48}} @color="#ccc" />
<p>Drag and drop photos here, or click to browse</p> <p>Drag and drop photos here, or click to browse</p>
</label> </label>
<input <input

13
app/styles/app.css
View File

@@ -211,12 +211,12 @@ body {
} }
.dropzone { .dropzone {
border: 2px dashed #3a4b5c; border: 2px dashed #ccc;
border-radius: 8px; border-radius: 8px;
padding: 30px 20px; padding: 2rem 1.5rem;
text-align: center; text-align: center;
transition: all 0.2s ease; transition: all 0.2s ease;
margin-bottom: 20px; margin: 1.5rem 0 1rem 0;
background-color: rgb(255 255 255 / 2%); background-color: rgb(255 255 255 / 2%);
cursor: pointer; cursor: pointer;
} }
@@ -230,14 +230,13 @@ body {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
gap: 12px; gap: 1rem;
cursor: pointer; cursor: pointer;
color: #a0aec0; color: #898989;
} }
.dropzone-label p { .dropzone-label p {
margin: 0; margin: 0;
font-size: 1.1rem;
} }
.file-input-hidden { .file-input-hidden {
@@ -1563,9 +1562,9 @@ button.create-place {
cursor: pointer; cursor: pointer;
} }
/* Place Photo Upload */
.place-photo-upload h2 { .place-photo-upload h2 {
margin-top: 0; margin-top: 0;
font-size: 1.2rem;
} }
.alert { .alert {