3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-06-02 11:51:38 +02:00
Code Issues Projects Releases Packages Wiki Activity

🐛 Fix problems in inspect tab

Browse source
This commit is contained in:
alonso.torres 2023-12-13 12:42:19 +01:00
parent 9834195f0e
commit e2446fcc62
8 changed files with 65 additions and 48 deletions
Download patch file Download diff file Expand all files Collapse all files

76
frontend/src/app/main/ui/viewer/inspect/code.scss
View file

@ -17,45 +17,51 @@
}
}
.code-block {
font-size: $fs-14;
padding: 0 $s-4 $s-8 0;
.code-row-lang {
display: flex;
justify-content: space-between;
gap: $s-4;
width: 100%;
.code-lang {
@include tabTitleTipography;
display: flex;
align-items: center;
}
.action-btns {
display: flex;
gap: $s-4;
flex: 1;
justify-content: end;
.expand-button {
@extend .button-tertiary;
height: $s-32;
width: $s-28;
svg {
@extend .button-icon;
stroke: var(--icon-foreground);
}
}
}
.code-lang-select {
@include tabTitleTipography;
width: $s-92;
border: $s-1 solid transparent;
background-color: transparent;
color: var(--menu-foreground-color-disabled);
pre {
border-radius: $br-8;
border: $s-1 solid $db-secondary;
padding: $s-16;
}
}
.code-row-lang {
display: flex;
justify-content: space-between;
gap: $s-4;
width: 100%;
}
.code-lang {
@include tabTitleTipography;
display: flex;
align-items: center;
}
.action-btns {
display: flex;
gap: $s-4;
flex: 1;
justify-content: end;
.expand-button {
@extend .button-tertiary;
height: $s-32;
width: $s-28;
svg {
@extend .button-icon;
stroke: var(--icon-foreground);
}
}
.code-row-display {
margin-bottom: $s-8;
}
}
.code-lang-select {
@include tabTitleTipography;
width: $s-72;
border: $s-1 solid transparent;
background-color: transparent;
color: var(--menu-foreground-color-disabled);
}
.code-row-display {
margin-bottom: $s-8;
}
}