decePubClient/Pages/Settings.razor

@page "/settings"
@inherits LocalizableComponentBase
<Title>@Localizer["Settings"]</Title>

<section class="block relative w-full h-full neo-inset neo-xs rounded-xl">

	<div class="flex flex-col gap-4 p-4 md:p-5 w-full h-full absolute overflow-y-auto">

		<DCollapse Icon="DCollapseIcon.Arrow">
			<Header>
				<p class="inline-flex items-center gap-2">
					<i class="ion-md-cog text-xl"></i> <span>@Localizer["General"]</span>
				</p>
			</Header>
			<ChildContent>
				<div class="block w-full p-3 md:p-4">
					<p class="w-full text-center text-lg">
						<i class="ion-ios-remove-circle-outline"></i> @Localizer["Empty"]
					</p>
				</div>
			</ChildContent>
		</DCollapse>

		<DCollapse Icon="DCollapseIcon.Arrow">
			<Header>
				<p class="inline-flex items-center gap-2">
					<i class="ion-md-person text-xl"></i> <span>@Localizer["Profile"]</span>
				</p>
			</Header>
			<ChildContent>
				<div class="block w-full p-3 md:p-4">
					<p class="w-full text-center text-lg">
						<i class="ion-ios-remove-circle-outline"></i> @Localizer["Empty"]
					</p>
				</div>
			</ChildContent>
		</DCollapse>

		<DCollapse Icon="DCollapseIcon.Arrow">
			<Header>
				<p class="inline-flex items-center gap-2">
					<i class="ion-md-archive text-xl"></i> <span>@Localizer["Data import/export"]</span>
				</p>
			</Header>
			<ChildContent>
				<div class="block w-full p-3 md:p-4">
					<p class="w-full text-center text-lg">
						<i class="ion-ios-remove-circle-outline"></i> @Localizer["Empty"]
					</p>
				</div>
			</ChildContent>
		</DCollapse>

		<DCollapse Icon="DCollapseIcon.Arrow">
			<Header>
				<p class="inline-flex items-center gap-2">
					<i class="ion-md-eye-off text-xl"></i> <span>@Localizer["Mutes/Blocks"]</span>
				</p>
			</Header>
			<ChildContent>
				<div class="block w-full p-3 md:p-4">
					<p class="w-full text-center text-lg">
						<i class="ion-ios-remove-circle-outline"></i> @Localizer["Empty"]
					</p>
				</div>
			</ChildContent>
		</DCollapse>

	</div>

</section>

@code {
	[CascadingParameter] CascadingState CascadingState { get; set; }
}