ds4/scss/components/actor/_actor_header.scss

56 lines
818 B
SCSS
Raw Permalink Normal View History

2021-07-11 05:04:05 +02:00
/*
* SPDX-FileCopyrightText: 2021 Johannes Loher
*
* SPDX-License-Identifier: MIT
*/
2022-01-21 03:22:17 +01:00
@use "../../utils/mixins";
2021-07-11 05:04:05 +02:00
2021-07-12 00:12:59 +02:00
.ds4-actor-header {
2023-07-10 22:23:13 +02:00
display: flex;
flex-grow: 0;
flex-shrink: 0;
gap: 1em;
2021-07-11 05:04:05 +02:00
2023-07-10 22:23:13 +02:00
&__img {
border: none;
height: 100px;
width: 100px;
&--editable {
cursor: pointer;
2021-07-11 05:04:05 +02:00
}
2023-07-10 22:23:13 +02:00
}
2021-07-11 05:04:05 +02:00
2023-07-10 22:23:13 +02:00
&__data {
display: flex;
flex-direction: column;
}
2021-07-11 05:04:05 +02:00
2023-07-10 22:23:13 +02:00
&__data-row {
align-content: center;
display: flex;
flex: 1;
flex-direction: row;
gap: 0.5em;
> * {
flex: 1;
2021-07-11 05:04:05 +02:00
}
2023-07-10 22:23:13 +02:00
}
2021-07-11 05:04:05 +02:00
2023-07-10 22:23:13 +02:00
&__name {
display: flex;
align-items: center;
border-bottom: 0;
margin: 0;
}
2021-07-11 05:04:05 +02:00
2023-07-10 22:23:13 +02:00
&__name-input[type="text"] {
@include mixins.font-heading-upper;
background-color: transparent;
border: none;
flex: 1;
font-size: 1.25em;
height: auto;
}
2021-07-11 05:04:05 +02:00
}