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

🐛 Show view mode buttons correctly centered in viewer

Browse source
This commit is contained in:
Andrés Moya 2022-01-13 09:54:57 +01:00 • committed by Andrey Antukh
parent c23691284c
commit 2aeded1940
4 changed files with 15 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

2
frontend/resources/styles/main/layouts/handoff.scss
View file

@ -3,7 +3,7 @@ $width-settings-bar: 16rem;
.handoff-layout {
height: 100vh;
display: grid;
grid-template-rows: 40px auto;
grid-template-rows: 48px auto;
grid-template-columns: 1fr;
user-select: none;

10
frontend/resources/styles/main/partials/viewer-header.scss
View file

@ -2,7 +2,8 @@
align-items: center;
background-color: $color-gray-50;
border-bottom: 1px solid $color-gray-60;
display: flex;
display: grid;
grid-template-columns: 1fr auto 1fr;
height: 48px;
padding: 0 $size-4 0 55px;
position: relative;
@ -12,6 +13,10 @@
font-size: $fs12;
}
.nav-zone {
justify-content: flex-start;
}
.main-icon {
align-items: center;
background-color: $color-gray-60;
@ -19,8 +24,8 @@
display: flex;
height: 100%;
justify-content: center;
left: 0;
position: absolute;
left: 0;
top: 0;
width: 48px;
@ -44,7 +49,6 @@
.options-zone {
align-items: center;
display: flex;
// width: 384px;
justify-content: flex-end;
position: relative;