Penpot/penpot-plugins
0
Fork 0
mirror of https://github.com/penpot/penpot-plugins.git synced 2025-01-23 07:08:47 -05:00
Code Issues Activity

fix(icons-plugin): light theme + uxui review

Browse source
This commit is contained in:
María Valderrama 2024-06-12 21:38:09 +02:00
parent e80a3aec66
commit db8d61a1cb
3 changed files with 16 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
apps/icons-plugin/src/app/app.component.css
View file

@ -26,4 +26,8 @@
grid-auto-rows: max-content; grid-auto-rows: max-content;
justify-items: center; justify-items: center;
} }
.no-icons-found {
font-size: var(--font-size-s);
}
} }

1
apps/icons-plugin/src/app/app.component.ts
View file

@ -30,6 +30,7 @@ import { PluginMessageEvent } from '../model';
<div class="icons-list"> <div class="icons-list">
@for (key of iconKeys(); track key) { @for (key of iconKeys(); track key) {
<app-icon-button <app-icon-button
[class]="theme()"
[icon]="icons()[key]" [icon]="icons()[key]"
(insertIcon)="this.insertIcon(key)" (insertIcon)="this.insertIcon(key)"
></app-icon-button> ></app-icon-button>

11
apps/icons-plugin/src/app/components/icon-button/icon-button.component.css
View file

@ -15,3 +15,14 @@
box-shadow: inset 0 0 0 2px var(--da-primary); box-shadow: inset 0 0 0 2px var(--da-primary);
} }
} }
:host {
&.light {
.icon-button {
&:focus,
&:active {
box-shadow: inset 0 0 0 2px var(--accent-tertiary);
}
}
}
}