diff --git a/developer_manual/design/layout.rst b/developer_manual/design/layout.rst index ecd7d45af..173103818 100644 --- a/developer_manual/design/layout.rst +++ b/developer_manual/design/layout.rst @@ -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 `_ 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 `_ 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 `_ .. 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 `_ .. image:: ../images/talk-layout.png :alt: Talk layout