mirrors/nextcloud-documentation
3
0
Fork 0
mirror of https://github.com/nextcloud/documentation.git synced 2025-10-26 11:18:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

update link and add Penpot links

Browse Source 
Signed-off-by: Simon L <szaimen@e.mail.de>
This commit is contained in:
Simon L 2023-05-24 14:39:09 +02:00
parent bffdd2a0b0
commit 37aaa1e0a3
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
developer_manual/design/layout.rst
View File

@ -10,8 +10,7 @@ While deciding how you want your app to look, there are a number of factors to c
* Responsiveness for different browsers, browser sizes and devices
* Typical interface patterns in other similar apps in the market
The `content Vue component <https://nextcloud-vue-components.netlify.app/#/Components/App%20containers?id=content>`_ wraps your entire app. While the arrangement of components in your app is dependent on what your app does, most Nextcloud apps typically have 3 levels of hierarchy. Some commonly used layouts are:
The `content Vue component <https://nextcloud-vue-components.netlify.app/#/Components/App%20containers?id=ncappcontent>`_ wraps your entire app. While the arrangement of components in your app is dependent on what your app does, most Nextcloud apps typically have 3 levels of hierarchy. Some commonly used layouts are:
* Navigation → content → sidebar (and a couple of variations of it, e.g. without the sidebar)
* Navigation → list → content
@ -19,6 +18,7 @@ The `content Vue component <https://nextcloud-vue-components.netlify.app/#/Compo
Navigation → Content → Sidebar
------------------------------
`Penpot Files Layout <https://design.penpot.app/#/view/db3839da-807b-8052-8002-576401e9a375?page-id=2783d7ad-98f2-804a-8002-750c2585d4f1&section=interactions&index=3&share-id=11fde340-21f4-802e-8002-8eb4245e04b7>`_
.. image:: ../images/files-layout.png
:alt: Files layout
@ -47,6 +47,7 @@ Typically, a sidebar is used to show more information about an item. Sometimes t
Special case: list in navigation
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
`Penpot Talk Layout <https://design.penpot.app/#/view/db3839da-807b-8052-8002-576401e9a375?page-id=2783d7ad-98f2-804a-8002-750c2585d4f1&section=interactions&index=0&share-id=11fde340-21f4-802e-8002-8eb4245e04b7>`_
.. image:: ../images/talk-layout.png
:alt: Talk layout