style: Consistent backdrop and create server in server-rail

wider server rail with larger icons ans slightly animated.
This commit is contained in:
2026-06-05 02:34:02 +02:00
parent 2f6c52e73c
commit 9e1d75d038
34 changed files with 729 additions and 95 deletions

View File

@@ -432,10 +432,10 @@
</div>
@if (serverInstallDialog(); as dialog) {
<div
class="fixed inset-0 z-[80] bg-black/60"
role="presentation"
></div>
<app-modal-backdrop
[zIndex]="80"
[dismissable]="false"
/>
<section
class="fixed left-1/2 top-1/2 z-[81] flex max-h-[min(42rem,calc(100vh-2rem))] w-[min(34rem,calc(100vw-2rem))] -translate-x-1/2 -translate-y-1/2 flex-col overflow-hidden rounded-lg border border-border bg-card text-foreground shadow-2xl"
role="dialog"

View File

@@ -38,6 +38,7 @@ import type {
} from '../../../../shared-kernel';
import { selectCurrentRoom, selectSavedRooms } from '../../../../store/rooms/rooms.selectors';
import { selectCurrentUser } from '../../../../store/users/users.selectors';
import { ModalBackdropComponent } from '../../../../shared';
import { PluginCapabilityService } from '../../application/services/plugin-capability.service';
import { PluginStoreService } from '../../application/services/plugin-store.service';
import type {
@@ -60,7 +61,8 @@ interface ServerPluginInstallDialog {
CommonModule,
FormsModule,
ChatMessageMarkdownComponent,
NgIcon
NgIcon,
ModalBackdropComponent
],
viewProviders: [
provideIcons({