Use large border-radius in AppNavigation

Signed-off-by: Quentin Guidée <quentin.guidee@gmail.com>
nextcloud-libraries · Mar 23, 2022 · 426ada8 · 426ada8
1 parent 66bf198
commit 426ada8
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/src/components/AppNavigation/AppNavigation.vue b/src/components/AppNavigation/AppNavigation.vue
@@ -146,6 +146,7 @@ export default {
 	position: -webkit-sticky;
 	top: $header-height;
 	left: 0;
+	padding: 8px 12px;
 	// Above appcontent
 	z-index: 1800;
 	height: calc(100vh - #{$header-height});

diff --git a/src/components/AppNavigationItem/AppNavigationItem.vue b/src/components/AppNavigationItem/AppNavigationItem.vue
@@ -497,6 +497,7 @@ export default {
 	width: 100%;
 	min-height: $clickable-area;
 	padding-right: 8px;
+	border-radius: var(--border-radius-large);
 
 	// When .active class is applied, change color background of link and utils. The
 	// !important prevents the focus state to override the active state.