Penpot/penpot-plugins
0
Fork 0
mirror of https://github.com/penpot/penpot-plugins.git synced 2025-01-04 13:50:13 -05:00
Code Issues Activity

fix: styles rename layers

Browse source
This commit is contained in:
Marina López 2024-10-30 12:05:06 +01:00
parent 41c9236ace
commit 40e08f8f05
2 changed files with 13 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
apps/rename-layers-plugin/src/app/app.component.css
View file

@ -1,3 +1,9 @@
.wrapper {
height: 100vh;
display: flex;
flex-direction: column;
}
.nav-tabs { .nav-tabs {
background-color: var(--background-secondary); background-color: var(--background-secondary);
border-radius: var(--spacing-8); border-radius: var(--spacing-8);
@ -23,6 +29,9 @@
margin-block-end: var(--spacing-8); margin-block-end: var(--spacing-8);
} }
.form { .form {
display: flex;
flex-direction: column;
flex-grow: 1;
padding-block-start: var(--spacing-8); padding-block-start: var(--spacing-8);
} }
@ -59,15 +68,12 @@ button {
.preview-list { .preview-list {
background-color: var(--background-tertiary); background-color: var(--background-tertiary);
border-radius: var(--spacing-8); border-radius: var(--spacing-8);
font-size: var(--font-size-xs); block-size: 1px;
font-size: var(--font-size-s);
margin-block-start: var(--spacing-8); margin-block-start: var(--spacing-8);
block-size: 215px;
overflow: auto; overflow: auto;
padding: var(--spacing-8); padding: var(--spacing-8);
flex-grow: 1;
&.replace {
block-size: 175px;
}
& .preview-item { & .preview-item {
align-items: center; align-items: center;

2
apps/rename-layers-plugin/src/app/app.component.html
View file

@ -16,7 +16,7 @@
</svg> </svg>
</ng-template> </ng-template>
<div> <div class="wrapper">
<div role="tablist" class="nav-tabs"> <div role="tablist" class="nav-tabs">
<button <button
(click)="selectTab('add')" (click)="selectTab('add')"