diff --git a/src/styles/_index.scss b/src/styles/_index.scss index 3abbbe1..2a48801 100644 --- a/src/styles/_index.scss +++ b/src/styles/_index.scss @@ -17,6 +17,6 @@ div#viewport { @import 'layout/members/index'; @import 'layout/job-offers/index'; @import 'layout/project-profile/index'; - @import 'layout/circle-profile/index'; + @import 'layout/circle/index'; @import 'layout/user/index'; } diff --git a/src/styles/layout/circle-profile/_index.scss b/src/styles/layout/circle/_index.scss similarity index 100% rename from src/styles/layout/circle-profile/_index.scss rename to src/styles/layout/circle/_index.scss diff --git a/src/styles/layout/circle-profile/circle-edit.scss b/src/styles/layout/circle/circle-edit.scss similarity index 64% rename from src/styles/layout/circle-profile/circle-edit.scss rename to src/styles/layout/circle/circle-edit.scss index f1b252c..8db982e 100644 --- a/src/styles/layout/circle-profile/circle-edit.scss +++ b/src/styles/layout/circle/circle-edit.scss @@ -1,24 +1,56 @@ #circle-edit { - .table-header { - background: $color-228-25-79; - color: white; +.table-header { + background: $color-228-25-79; + color: white; + display: flex; + font-size: 1.6rem; + font-weight: 600; + justify-content: space-around; + text-align: center; + + >*{ + border-right: 1px solid $color-228-25-79; + flex: 1; + padding: 1rem; + width: 50%; + } + + >*:last-of-type { + border-left: 1px solid white; + + @media (max-width: 1220px) { + display: none; + } + } +} + +.table-body div team-template-edit { + display: flex; + justify-content: space-between; + + >* { + border-bottom: 1px solid $color-228-25-79; + flex: 1; + width: 50%; + } + + sib-display { + border-left: 1px solid $color-228-25-79; + border-right: 1px solid $color-228-25-79; + padding: 0 2.2rem; + } + + sib-ac-checker { + align-items: center; + border-right: 1px solid $color-228-25-79; display: flex; - font-size: 1.6rem; - font-weight: 600; - justify-content: space-around; - text-align: center; + justify-content: flex-end; + padding: 2.7rem 2.2rem; - >*{ - border-right: 1px solid $color-228-25-79; - flex: 1; - padding: 1rem; - width: 50%; - } - - >*:first-of-type { - border-right: 1px solid white; - } + @media (max-width: 1220px) { + display: none; + } } .table-body div team-template-edit { @@ -88,18 +120,27 @@ width: 100%; } +<<<<<<< HEAD:src/styles/layout/circle-profile/circle-edit.scss object { height: 45%; width: 45%; } +======= + [name='name'] { + font-weight: 600; + margin-right: 1rem; +>>>>>>> 81d885730dd7673ee424a72b6f0c663c7c1cc5b7:src/styles/layout/circle/circle-edit.scss } >[name='sup'] { align-self: end; display: flex; +<<<<<<< HEAD:src/styles/layout/circle-profile/circle-edit.scss grid-column: 2 / span 1; grid-row: 1 / span 1; margin-bottom: 0.50rem; +======= +>>>>>>> 81d885730dd7673ee424a72b6f0c663c7c1cc5b7:src/styles/layout/circle/circle-edit.scss [name='name'] { font-weight: 600; diff --git a/src/styles/layout/circle-profile/circle-profile.scss b/src/styles/layout/circle/circle-profile.scss similarity index 100% rename from src/styles/layout/circle-profile/circle-profile.scss rename to src/styles/layout/circle/circle-profile.scss