yv01p/Umbraco-CMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add spacing to info items

Browse Source
This commit is contained in:
Mads Rasmussen
2023-10-16 08:31:03 +02:00
parent bb08d37587
commit ca5e5791bc
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/Umbraco.Web.UI.Client/src/packages/user/user/workspace/components/user-workspace-info/user-workspace-info.element.ts
View File

@@ -68,12 +68,12 @@ export class UmbUserWorkspaceInfoElement extends UmbLitElement {
return html` return html`
<uui-box id="user-info"> <uui-box id="user-info">
<div id="user-avatar-settings"> <div id="user-avatar-settings" class="user-info-item">
<uui-avatar .name=${this._user?.name || ''}></uui-avatar> <uui-avatar .name=${this._user?.name || ''}></uui-avatar>
<uui-button label=${this.localize.term('user_changePhoto')}></uui-button> <uui-button label=${this.localize.term('user_changePhoto')}></uui-button>
</div> </div>
<div id="user-status-info"> <div id="user-status-info" class="user-info-item">
<b><umb-localize key="general_status">Status</umb-localize>:</b> <b><umb-localize key="general_status">Status</umb-localize>:</b>
<uui-tag look="${ifDefined(displayState?.look)}" color="${ifDefined(displayState?.color)}"> <uui-tag look="${ifDefined(displayState?.look)}" color="${ifDefined(displayState?.color)}">
${this.localize.term('user_' + displayState.key)} ${this.localize.term('user_' + displayState.key)}
@@ -111,13 +111,13 @@ export class UmbUserWorkspaceInfoElement extends UmbLitElement {
} }
#user-info { #user-info {
display: flex; margin-bottom: var(--uui-size-space-4);
gap: var(--uui-size-space-6);
} }
#user-info > .user-info-item { #user-info > .user-info-item {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin-bottom: var(--uui-size-space-3);
} }
#user-avatar-settings { #user-avatar-settings {