Merge pull request #5359 from nextcloud/fix/noid/teams-talk-circular-previews

fix(teams): circular Talk previews, border-radius-small for Files previews

Author: hamza221

src/components/CircleDetails.vue

@@ -210,7 +210,11 @@
 				</template>
 
 				<section v-else>
-					<div v-for="(group, providerId) in groupedResources" :key="providerId" class="circle-details-section">
+					<div
+						v-for="(group, providerId) in groupedResources"
+						:key="providerId"
+						class="circle-details-section"
+						:class="`circle-details-section--${providerId}`">
 						<div class="section-header">
 							<ContentHeading>{{ group.name }}</ContentHeading>
 						</div>
@@ -1156,6 +1160,15 @@ export default {
 					height: 32px;
 				}
 			}
+
+		}
+
+		&.circle-details-section--talk .item-list :deep(img.resource__icon) {
+			border-radius: var(--border-radius-pill);
+		}
+
+		&.circle-details-section--files .item-list :deep(img.resource__icon) {
+			border-radius: var(--border-radius-small);
 		}
 
 		.avatar-list {