diff --git a/src/views/studio/modals/transfer-ownership-modal.scss b/src/views/studio/modals/transfer-ownership-modal.scss index 969cf3d0d..dd63eddfd 100644 --- a/src/views/studio/modals/transfer-ownership-modal.scss +++ b/src/views/studio/modals/transfer-ownership-modal.scss @@ -1,4 +1,5 @@ @import "../../../colors"; +@import "../../../frameless"; .transfer-ownership-modal { .transfer-ownership-title { @@ -68,6 +69,16 @@ min-width: 5rem; } + .transfer-ownership-grid { + display: grid; + grid-template-columns: repeat(3, minmax(0,1fr)); + @media #{$intermediate-and-smaller} { + & { grid-template-columns: repeat(2, minmax(0,1fr)); } + } + column-gap: 20px; + row-gap: 20px; + } + .transfer-ownership-tile-selected { background: #0EBD8C; } diff --git a/src/views/studio/modals/transfer-ownership-selection.jsx b/src/views/studio/modals/transfer-ownership-selection.jsx index fd80ec2d4..caf5581c6 100644 --- a/src/views/studio/modals/transfer-ownership-selection.jsx +++ b/src/views/studio/modals/transfer-ownership-selection.jsx @@ -29,10 +29,12 @@ const TransferOwnershipSelection = ({ -

- -

-
+
+

+ +

+
+
{items.map(item => userId !== item.id && (