penpot/penpot-docs
1
0
Fork 0
mirror of https://github.com/penpot/penpot-docs.git synced 2024-07-06 05:41:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

🐛 Fix misalignement

Browse Source
This commit is contained in:
Eva 2022-03-30 12:34:46 +02:00
parent 9c65f29db4
commit 45c68df369
2 changed files with 26 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
css/index.css
View File

@ -36,6 +36,31 @@ h1, h2, h3,
max-width: 42rem;
position: relative;
}
@media (max-width: 997px) {
.main-content {
max-width: 40rem;
}
}
@media (max-width: 966px) {
.main-content {
max-width: 38rem;
}
}
@media (max-width: 933px) {
.main-content {
max-width: 36rem;
}
}
@media (max-width: 901px) {
.main-content {
max-width: 35rem;
}
}
img {
max-width: 100%;
}

2
user-guide/the-interface/index.njk
View File

@ -74,7 +74,7 @@ title: 02· The interface
<li><strong>Users:</strong> You can see how many users are working in the file at the same time.</li>
<li><strong>File status:</strong> Information about the file saving state. Know if last changes are saved or if there is a problem.</li>
<li><strong>Zoom:</strong> Zoom options and shortcuts information.</li>
<li><strong>View mode:</strong> The view mode button launches a presentation with the artboards. See more about what you can do at the view mode. </li>
<li><strong>View mode:</strong> The view mode button launches a presentation with the artboards. See more about what you can do at the <a href="/user-guide/view-mode/#viewmode-features">view mode.</a> </li>
<li><strong>Toolbar: </strong> The toolbar is the place where you will find the tools to quick and easily create the different types of objects: Artboard, rectangle, ellipse, text, graphic, path, free drawing and comments. <a href="/user-guide/objects/">More about objects</a></li>
<li><strong>Layers panel:</strong> The layers panel allows you to see and manage the layers and pages of a file. A file can have as many pages as you need. Each page has its own viewport (the almost infinite area where you actually create your designs) with its own layers. You can create, delete or reorder your pages at your needs. <a href="/user-guide/layer-basics/">More about layers</a></li>
<li><strong>Assets panel:</strong> Each file has a default library (File Library) where that allows to store elements and styles that are likely to be reused. That includes components, graphics, colors and typographies. To add an asset to a library just click the “+” button at the header of each asset group.</li>