diff --git a/studio-frontend/src/app/app.element.scss b/studio-frontend/src/app/app.element.scss index d803121..0895210 100644 --- a/studio-frontend/src/app/app.element.scss +++ b/studio-frontend/src/app/app.element.scss @@ -29,6 +29,24 @@ .toolbar-group { display: flex; gap: 2px; + + > * { + border-radius: 0; + + &:first-child { + border: { + top-left-radius: 8px; + bottom-left-radius: 8px; + } + } + + &:last-child { + border: { + top-right-radius: 8px; + bottom-right-radius: 8px; + } + } + } } .btn-toggle { @@ -50,20 +68,6 @@ timing-function: linear; } - &:first-child { - border: { - top-left-radius: 8px; - bottom-left-radius: 8px; - } - } - - &:last-child { - border: { - top-right-radius: 8px; - bottom-right-radius: 8px; - } - } - &:hover { background: #0008; color: #FFF; diff --git a/studio-frontend/src/app/app.element.ts b/studio-frontend/src/app/app.element.ts index a2f869c..7ea4197 100644 --- a/studio-frontend/src/app/app.element.ts +++ b/studio-frontend/src/app/app.element.ts @@ -111,6 +111,10 @@ export class AppElement extends LitElement { this.showHelp = !this.showHelp; } + saveScene(): void { + // TODO + } + onTransformSpaceChange(event: InputEvent): void { const { value } = event.target as HTMLInputElement; const space = match (value, { @@ -187,13 +191,21 @@ export class AppElement extends LitElement { } protected override render = () => html` -