style: Consistent backdrop and create server in server-rail
wider server rail with larger icons ans slightly animated.
This commit is contained in:
@@ -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"
|
||||
|
||||
@@ -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({
|
||||
|
||||
Reference in New Issue
Block a user