Use large border-radius in AppNavigation

Signed-off-by: Quentin Guidée <quentin.guidee@gmail.com>
nextcloud-libraries · May 31, 2022 · 1084ddf · 1084ddf
1 parent f5e01f1
commit 1084ddf
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 1 deletion.
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: 4px;
 	// Above appcontent
 	z-index: 1800;
 	height: calc(100vh - #{$header-height});

diff --git a/src/components/AppNavigationItem/AppNavigationItem.vue b/src/components/AppNavigationItem/AppNavigationItem.vue
@@ -495,6 +495,7 @@ export default {
 	width: 100%;
 	min-height: $clickable-area;
 	padding-right: 8px;
+	border-radius: var(--border-radius-large);
 
 	&-wrapper {
 		position: relative;

diff --git a/src/components/AppNavigationSettings/AppNavigationSettings.vue b/src/components/AppNavigationSettings/AppNavigationSettings.vue
@@ -102,7 +102,7 @@ export default {
 			background-color: var(--color-main-background);
 			box-shadow: none;
 			border: 0;
-			border-radius: 0;
+			border-radius: var(--border-radius-large);
 			text-align: left;
 			font-weight: normal;
 			font-size: 100%;
@@ -113,6 +113,7 @@ export default {
 			&:hover,
 			&:focus {
 				background-color: var(--color-background-hover);
+				border-radius: var(--border-radius-large);
 			}
 
 			&__icon {