Add target to include generated CSS files in web assets

FoodsharingSiegen.Server/Dialogs/VerificationSettingsDialog.razor

@@ -3,16 +3,18 @@
 
 <div class="mt-1 mb-3">
     <div class="d-grid gap-3">
+        
         @if (ShowLinkPanel)
         {
             <div class="border p-3 rounded">
                 <p class="mb-2 text-muted">Kopiere diesen Link und teile ihn mit <strong>@Prospect?.Name</strong>:</p>
-                <div class="input-group">
-                    <input type="text" class="form-control" value="@LinkUrl" readonly />
-                    <Button Color="Color.Secondary" Clicked="CopyLink"><i class="fa-solid fa-copy"></i></Button>
+                <div>
+                    <input type="text" class="form-control" value="@LinkUrl" readonly /><br />
+                    <Button Color="Color.Secondary" Clicked="CopyLink" Style="width: 100%;">
+                        <i class="fa-solid fa-copy mr-2"></i>Link kopieren
+                    </Button>
                 </div>
             </div>
-            <Button Color="Color.Light" Clicked="@(() => ModalService.Hide())">Schließen</Button>
         }
         else
         {

FoodsharingSiegen.Server/Dialogs/VerificationSettingsDialog.razor.cs

@@ -42,14 +42,14 @@ namespace FoodsharingSiegen.Server.Dialogs
 
         public static async Task ShowAsync(IModalService modalService, Prospect? prospect, Func<Task>? onDataChanged)
         {
-            var title = "Identitätsprüfung Einstellungen";
+            var title = "Identitätsprüfung";
             var action = new Action<ModalProviderParameterBuilder<VerificationSettingsDialog>>(b =>
             {
                 b.Add(nameof(Prospect), prospect);
                 b.Add(nameof(OnDataChanged), onDataChanged);
             });
 
-            await modalService.Show(title, action, new ModalInstanceOptions { Size = ModalSize.Large });
+            await modalService.Show(title, action, new ModalInstanceOptions { Size = ModalSize.Default });
         }
 
         private async Task GenerateLinkAsync()
@@ -101,7 +101,8 @@ namespace FoodsharingSiegen.Server.Dialogs
                 if (result.Success)
                 {
                     ImageCount = 0;
-                    StateHasChanged();
+
+                    if(OnDataChanged != null) await OnDataChanged();
                 }
             });
         }

FoodsharingSiegen.Server/FoodsharingSiegen.Server.csproj

@@ -27,6 +27,13 @@
         <DartSassMessageLevel>High</DartSassMessageLevel>
     </PropertyGroup>
     
+    <Target Name="AddGeneratedCssToWebAssets" AfterTargets="DartSass_Build" BeforeTargets="ResolveStaticWebAssetsInputs;ResolveScopedCssInputs;Compile">
+        <ItemGroup>
+            <_SassOutput Include="@(SassFilesToCompile->'%(RelativeDir)%(Filename).css')" />
+            <Content Include="@(_SassOutput)" Exclude="@(Content)" />
+        </ItemGroup>
+    </Target>
+
     <ItemGroup>
       <PackageReference Include="DartSassBuilder" Version="1.1.0" />
       <PackageReference Include="MailKit" Version="4.4.0" />

FoodsharingSiegen.Server/Pages/UploadVerification.razor

@@ -49,11 +49,12 @@
                     <div class="mb-4">
                         <h5 class="fw-bold">Anleitung:</h5>
                         <ul class="text-muted">
-                            <li>Lade hier die Vorder- und Rückseite deines Personalausweises oder Reisepasses hoch.</li>
-                            <li>Dein Name und Adresse müssen gut und lesbar erkennbar sein.</li>
-                            <li>Wir nutzen diese Bilder ausschließlich zur Identitätsprüfung.</li>
-                            <li>Ausschließlich die Botschafter haben Zugriff auf diese Bilder.</li>
-                            <li>Die Bilder werden nach der Überprüfung sofort und unwiderruflich von uns gelöscht.</li>
+                            <li>Lade hier die Vorder- und Rückseite deines Personalausweises oder Reisepasses hoch</li>
+                            <li>Dein Name und Adresse müssen gut und lesbar erkennbar sein</li>
+                            <li>Wir nutzen diese Bilder ausschließlich zur Identitätsprüfung</li>
+                            <li>Ausschließlich die Botschafter haben Zugriff auf diese Bilder</li>
+                            <li>Die Bilder werden nach der Überprüfung sofort und unwiderruflich von uns gelöscht</li>
+                            <li>Bereits hochgeladene Bilder werden hier hier aus Datenschutzgründen nicht angezeigt</li>
                         </ul>
                     </div>