Penpot/penpot-plugins
0
Fork 0
mirror of https://github.com/penpot/penpot-plugins.git synced 2025-01-02 04:40:11 -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 {
background-color: var(--background-secondary);
border-radius: var(--spacing-8);
@ -23,6 +29,9 @@
margin-block-end: var(--spacing-8);
}
.form {
display: flex;
flex-direction: column;
flex-grow: 1;
padding-block-start: var(--spacing-8);
}
@ -59,15 +68,12 @@ button {
.preview-list {
background-color: var(--background-tertiary);
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);
block-size: 215px;
overflow: auto;
padding: var(--spacing-8);
&.replace {
block-size: 175px;
}
flex-grow: 1;
& .preview-item {
align-items: center;

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

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