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

styling

Browse Source
This commit is contained in:
Niels Lyngsø
2023-12-21 16:09:22 +01:00
parent 3d75e56faf
commit 8de453a461
2 changed files with 9 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/Umbraco.Web.UI.Client/src/packages/media/media/components/input-media/input-media.element.ts
View File

@@ -133,11 +133,12 @@ export class UmbInputMediaElement extends FormControlMixin(UmbLitElement) {
display: grid;
gap: var(--uui-size-space-3);
grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
grid-template-rows: repeat(auto-fill, minmax(160px, 1fr));
}
#add-button {
text-align: center;
height: 160px;
height: 100%;
}
uui-icon {

18
src/Umbraco.Web.UI.Client/src/packages/templating/templates/components/input-template/input-template.element.ts
View File

@@ -178,20 +178,16 @@ export class UmbInputTemplateElement extends FormControlMixin(UmbLitElement) {
static styles = [
css`
#add-button {
width: 100%;
}
:host {
box-sizing: border-box;
display: flex;
gap: var(--uui-size-space-4);
flex-wrap: wrap;
display: grid;
gap: var(--uui-size-space-3);
grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
grid-template-rows: repeat(auto-fill, minmax(160px, 1fr));
}
:host > * {
max-width: 180px;
min-width: 180px;
min-height: 150px;
#add-button {
text-align: center;
height: 100%;
}
`,
];