houseassassin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Squirclesssss 🟦🔵 (#22535)

Browse Source
This commit is contained in:
Thomas des Francs
2026-07-04 07:07:29 +02:00
committed by GitHub
parent badaae17cd
commit e609320666
130 changed files with 517 additions and 149 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/twenty-ui/src/data-display/Avatar/Avatar.module.scss
+3 -2
View File
@@ -4,7 +4,7 @@
flex-shrink: 0;
overflow: hidden;
user-select: none;
border-radius: 2px;
border-radius: var(--t-border-radius-xs);
border: var(--avatar-border, none);
box-sizing: border-box;
display: flex;
@@ -13,11 +13,12 @@
background: var(--avatar-background);
&[data-type='icon'] {
border-radius: 4px;
border-radius: var(--t-border-radius-sm);
}
&[data-type='rounded'] {
border-radius: 50%;
corner-shape: round;
}
&[data-clickable] {
packages/twenty-ui/src/data-display/AvatarOrIcon/AvatarOrIcon.module.scss
+1 -1
View File
@@ -4,7 +4,7 @@
justify-content: center;
width: 14px;
height: 14px;
border-radius: 4px;
border-radius: var(--t-border-radius-sm);
background-color: var(
--avatar-or-icon-background,
var(--t-background-inverted-secondary)
packages/twenty-ui/src/data-display/Checkmark/Checkmark.module.scss
+1
View File
@@ -5,5 +5,6 @@
width: var(--t-spacing-5);
height: var(--t-spacing-5);
border-radius: var(--t-border-radius-rounded);
corner-shape: round;
background-color: var(--t-color-blue);
}
packages/twenty-ui/src/data-display/Chip/Chip.module.scss
+2 -1
View File
@@ -17,7 +17,8 @@
font-weight: inherit;
background-color: inherit;
border: none;
border-radius: var(--t-border-radius-sm);
border-radius: var(--t-border-radius-sm-round);
corner-shape: round;
& > svg {
flex-shrink: 0;
packages/twenty-ui/src/data-display/ColorSample/ColorSample.module.scss
+4 -1
View File
@@ -5,13 +5,15 @@
width: var(--t-spacing-3);
height: var(--t-spacing-4);
border: 1px solid var(--color-sample-border-color);
border-radius: 60px;
border-radius: var(--t-border-radius-pill);
corner-shape: round;
background-color: var(--color-sample-color);
}
.circle {
width: var(--t-spacing-4);
border-radius: 50%;
corner-shape: round;
}
.pipeline {
@@ -25,6 +27,7 @@
width: var(--t-spacing-1);
height: var(--t-spacing-1);
border-radius: var(--t-border-radius-rounded);
corner-shape: round;
background-color: var(--color-sample-color);
content: '';
}
packages/twenty-ui/src/data-display/NotificationCounter/NotificationCounter.module.scss
+1
View File
@@ -2,6 +2,7 @@
width: 14px;
height: 14px;
border-radius: 50%;
corner-shape: round;
display: flex;
align-items: center;
justify-content: center;
packages/twenty-ui/src/data-display/Pill/Pill.module.scss
+1
View File
@@ -2,6 +2,7 @@
align-items: center;
background: var(--t-background-transparent-light);
border-radius: var(--t-border-radius-pill);
corner-shape: round;
color: var(--t-font-color-light);
display: inline-flex;
font-size: var(--t-font-size-xs);
packages/twenty-ui/src/data-display/Status/Status.module.scss
+2
View File
@@ -2,6 +2,7 @@
align-items: center;
background: var(--status-background);
border-radius: var(--t-border-radius-pill);
corner-shape: round;
color: var(--status-text-color);
display: inline-flex;
font-size: var(--t-font-size-md);
@@ -19,6 +20,7 @@
&:before {
background-color: var(--status-text-color);
border-radius: var(--t-border-radius-rounded);
corner-shape: round;
content: '';
display: block;
flex-shrink: 0;
packages/twenty-ui/src/data-display/StyledTintedIconTileContainer/StyledTintedIconTileContainer.module.scss
+1 -1
View File
@@ -7,6 +7,6 @@
width: var(--tinted-icon-tile-dimension, var(--t-spacing-4));
height: var(--tinted-icon-tile-dimension, var(--t-spacing-4));
border: var(--tinted-icon-tile-border, none);
border-radius: 4px;
border-radius: var(--t-border-radius-sm);
background-color: var(--tinted-icon-tile-background-color, transparent);
}
packages/twenty-ui/src/data-display/Tag/Tag.module.scss
+2 -1
View File
@@ -2,7 +2,8 @@
box-sizing: content-box;
align-items: center;
background: var(--tag-background);
border-radius: var(--t-border-radius-sm);
border-radius: var(--t-border-radius-sm-round);
corner-shape: round;
color: var(--tag-text);
display: inline-flex;
font-size: var(--t-font-size-md);