mirror of
https://github.com/maybe-finance/maybe.git
synced 2025-07-20 13:49:39 +02:00
Dashboard design fixes (#1898)
* Dashboard design fixes * Update dashboard greeting * Remove sidebar toggle from settings breadcrumbs * Autofocus and outlines for category dropdowns * Lint fixes
This commit is contained in:
parent
a4874815a6
commit
c610b0ba4b
25 changed files with 95 additions and 74 deletions
|
@ -4,6 +4,10 @@ import { Controller } from "@hotwired/stimulus";
|
|||
export default class extends Controller {
|
||||
static targets = ["input", "list", "emptyMessage"];
|
||||
|
||||
connect() {
|
||||
this.inputTarget.focus();
|
||||
}
|
||||
|
||||
filter() {
|
||||
const filterValue = this.inputTarget.value.toLowerCase();
|
||||
const items = this.listTarget.querySelectorAll(".filterable-item");
|
||||
|
|
|
@ -8,7 +8,7 @@ export default class extends Controller {
|
|||
toggle() {
|
||||
this.panelTarget.classList.toggle("w-0");
|
||||
this.panelTarget.classList.toggle("opacity-0");
|
||||
this.panelTarget.classList.toggle("w-[260px]");
|
||||
this.panelTarget.classList.toggle("w-80");
|
||||
this.panelTarget.classList.toggle("opacity-100");
|
||||
this.contentTarget.classList.toggle("max-w-4xl");
|
||||
this.contentTarget.classList.toggle("max-w-5xl");
|
||||
|
|
|
@ -446,7 +446,7 @@ export default class extends Controller {
|
|||
|
||||
get _margin() {
|
||||
if (this.useLabelsValue) {
|
||||
return { top: 20, right: 0, bottom: 30, left: 0 };
|
||||
return { top: 20, right: 0, bottom: 10, left: 0 };
|
||||
}
|
||||
return { top: 0, right: 0, bottom: 0, left: 0 };
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue