mirror/aliasvault
1
0
Fork 0
mirror of https://github.com/aliasvault/aliasvault.git synced 2026-03-20 15:41:40 -04:00
Code Issues Packages Projects Releases Wiki Activity

Update back and continue button position (#306)

Browse Source
This commit is contained in:
Leendert de Borst
2024-10-18 12:01:44 +02:00
parent 26580f72ca
commit c0d250a35c
2 changed files with 22 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/AliasVault.Client/Auth/Pages/Setup/Setup.razor
View File

@@ -11,18 +11,23 @@
@using SecureRemotePassword
<div class="min-h-screen bg-gray-100 dark:bg-gray-900 flex items-center justify-center">
<div class="w-full max-w-md mx-auto lg:max-w-xl lg:bg-white lg:dark:bg-gray-800 lg:shadow-xl lg:rounded-lg lg:overflow-hidden">
<div class="w-full mx-auto lg:max-w-xl lg:bg-white lg:dark:bg-gray-800 lg:shadow-xl lg:rounded-lg lg:overflow-hidden">
<div class="flex flex-col min-h-screen lg:min-h-0">
<div class="flex-grow p-8 pt-16 lg:pt-8">
@if (currentStep != SetupStep.Welcome)
{
<button @onclick="GoBack" class="absolute top-4 lg:top-0 left-4 lg:left-auto lg:relative text-gray-600 hover:text-gray-800 dark:text-gray-400 dark:hover:text-gray-200">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18"></path>
<div class="flex-grow p-8">
<div class="flex justify-between items-center mb-4">
<div>
<button @onclick="GoBack" class="text-gray-500 hover:text-gray-800 dark:text-gray-400 dark:hover:text-gray-200 @(currentStep == SetupStep.Welcome ? "invisible" : "")">
<svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18"></path>
</svg>
</button>
</div>
<button @onclick="CancelSetup" class="text-gray-500 -mt-1 hover:text-gray-800 dark:text-gray-400 dark:hover:text-gray-200">
<svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
}
</div>
@switch (currentStep)
{
@@ -69,11 +74,6 @@
</div>
</div>
</div>
<button @onclick="CancelSetup" class="absolute top-4 right-4 text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200">
<svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
</div>
<FullScreenLoadingIndicator @ref="LoadingIndicator"/>

8
src/AliasVault.Client/wwwroot/css/tailwind.css
View File

@@ -837,6 +837,14 @@ video {
margin-top: 6rem;
}
.-mt-2 {
margin-top: -0.5rem;
}
.-mt-1 {
margin-top: -0.25rem;
}
.line-clamp-2 {
overflow: hidden;
display: -webkit-box;