2024-06-18 19:00:19 +03:00
|
|
|
@use "styles/Spacings.module.scss";
|
|
|
|
@use "styles/Typography.module.scss";
|
2024-02-02 22:50:09 +03:00
|
|
|
|
|
|
|
.current_brain_wrapper {
|
2024-03-21 10:01:21 +03:00
|
|
|
background-color: var(--background-2);
|
2024-02-02 22:50:09 +03:00
|
|
|
padding-inline: Spacings.$spacing05;
|
|
|
|
padding-block: Spacings.$spacing01;
|
|
|
|
font-size: Typography.$small;
|
2024-03-21 10:01:21 +03:00
|
|
|
color: var(--text-1);
|
2024-02-02 22:50:09 +03:00
|
|
|
|
|
|
|
.brain_infos {
|
|
|
|
display: flex;
|
|
|
|
justify-content: space-between;
|
|
|
|
align-items: center;
|
2024-02-21 06:54:38 +03:00
|
|
|
overflow: hidden;
|
2024-02-02 22:50:09 +03:00
|
|
|
|
|
|
|
.left {
|
|
|
|
display: flex;
|
|
|
|
gap: Spacings.$spacing02;
|
|
|
|
align-items: center;
|
2024-02-21 06:54:38 +03:00
|
|
|
@include Typography.EllipsisOverflow;
|
|
|
|
|
|
|
|
.title {
|
|
|
|
white-space: nowrap;
|
|
|
|
}
|
2024-02-02 22:50:09 +03:00
|
|
|
|
|
|
|
.brain_name_wrapper {
|
|
|
|
display: flex;
|
|
|
|
gap: Spacings.$spacing02;
|
|
|
|
align-items: center;
|
2024-02-21 06:54:38 +03:00
|
|
|
overflow: hidden;
|
2024-02-02 22:50:09 +03:00
|
|
|
|
2024-03-21 10:01:21 +03:00
|
|
|
.dark_image {
|
|
|
|
filter: invert(100%);
|
|
|
|
}
|
|
|
|
|
2024-02-02 22:50:09 +03:00
|
|
|
.brain_name {
|
2024-03-21 10:01:21 +03:00
|
|
|
color: var(--text-3);
|
2024-02-21 06:54:38 +03:00
|
|
|
@include Typography.EllipsisOverflow;
|
2024-02-02 22:50:09 +03:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2024-06-18 19:00:19 +03:00
|
|
|
}
|