3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-05-31 05:36:12 +02:00
Code Issues Projects Releases Packages Wiki Activity

✨ Enhance modal of convert graphics into components

Browse source
This commit is contained in:
Andrés Moya 2022-11-16 14:21:45 +01:00 • committed by Andrey Antukh
parent 879c477ada
commit cc60cfc86d
6 changed files with 191 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

61
frontend/resources/styles/main/partials/modal.scss
View file

@ -1849,6 +1849,41 @@
}
.remove-graphics-dialog {
.modal-content {
padding-top: 16px;
}
h2 {
font-size: $fs18;
}
p {
font-size: $fs12;
color: $color-gray-30;
&:last-child {
margin-bottom: 0;
}
&.progress-message {
color: $color-info;
}
&.error-message {
color: $color-black;
& svg {
width: 16px;
height: 16px;
fill: $color-danger;
margin-right: 0.5rem;
position: relative;
bottom: -4px;
transform: rotate(45deg);
}
}
}
.close {
border: 1px solid $color-gray-30;
background: $color-canvas;
@ -1861,6 +1896,32 @@
background: $color-gray-20;
}
}
.button-primary {
background: $color-primary;
border: 1px solid $color-primary;
border-radius: 3px;
color: $color-black;
cursor: pointer;
padding: 0.5rem 1rem;
&:hover {
background: $color-primary-dark;
}
}
.button-secondary {
border: 1px solid $color-gray-30;
background: $color-white;
border-radius: 3px;
padding: 0.5rem 1rem;
cursor: pointer;
margin-right: 8px;
&:hover {
background: $color-gray-20;
}
}
}
//- LOGIN