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

Unify button styles, improve sizing

Browse Source
This commit is contained in:
Râu Cao
2026-01-26 16:15:52 +07:00
parent 3b22f8c2f4
commit b960ba0868
2 changed files with 4 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/components/place-details.gjs
View File

@@ -193,8 +193,8 @@ export default class PlaceDetails extends Component {
></textarea> ></textarea>
</div> </div>
<div class="edit-actions"> <div class="edit-actions">
<button type="submit" class="btn btn-blue btn-sm">Save</button> <button type="submit" class="btn btn-blue">Save</button>
<button type="button" class="btn btn-outline btn-sm" {{on "click" this.cancelEditing}}>Cancel</button> <button type="button" class="btn btn-outline" {{on "click" this.cancelEditing}}>Cancel</button>
</div> </div>
</form> </form>
{{else}} {{else}}

9
app/styles/app.css
View File

@@ -438,21 +438,16 @@ body {
} }
.btn { .btn {
padding: 0.75rem 1.5rem; padding: 0.6rem 1.2rem;
border-radius: 4px; border-radius: 4px;
cursor: pointer; cursor: pointer;
font-size: 1rem; font-size: 0.9rem;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
gap: 0.5rem; gap: 0.5rem;
} }
.btn-sm {
padding: 0.4rem 1rem !important;
font-size: 0.9rem !important;
}
.btn-outline { .btn-outline {
background: transparent; background: transparent;
color: #333; color: #333;