fix(NcAppSidebarTabs): fix using css icon

Signed-off-by: Grigorii K. Shartsev <me@shgk.me>
nextcloud-libraries · May 13, 2023 · ac495b7 · ac495b7
1 parent fd31ac4
commit ac495b7
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/src/components/NcAppSidebar/NcAppSidebarTabs.vue b/src/components/NcAppSidebar/NcAppSidebarTabs.vue
@@ -57,7 +57,7 @@
 				</span>
 				<template #icon>
 					<NcVNodes :vnodes="tab.renderIcon()">
-						<span :class="tab.icon" />
+						<span class="app-sidebar-tabs__tab-icon" :class="tab.icon" />
 					</NcVNodes>
 				</template>
 			</NcCheckboxRadioSwitch>
@@ -285,6 +285,13 @@ export default {
 			text-overflow: ellipsis;
 			text-align: center;
 		}
+
+		&-icon {
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			background-size: 20px;
+		}
 	}
 
 	&__content {