Add footer and privacy policy files to ReceiverUI
Introduced a new footer in `MainLayout.razor` with copyright information, a link to "Digital Data GmbH," and a privacy policy link. Added two new privacy policy files (`privacy-policy.en-US.html` and `privacy-policy.fr-FR.html`) to the project and configured them to always copy to the output directory. Updated `app.css` to adjust layout heights to accommodate the footer. Added new styles for the footer, including a gradient background, responsive design, and hover effects for links.
This commit is contained in:
@@ -40,4 +40,12 @@
|
|||||||
<ItemGroup>
|
<ItemGroup>
|
||||||
<Folder Include="Properties\PublishProfiles\" />
|
<Folder Include="Properties\PublishProfiles\" />
|
||||||
</ItemGroup>
|
</ItemGroup>
|
||||||
|
<ItemGroup>
|
||||||
|
<Content Update="wwwroot\docs\privacy-policy.en-US.html">
|
||||||
|
<CopyToOutputDirectory>Always</CopyToOutputDirectory>
|
||||||
|
</Content>
|
||||||
|
<Content Update="wwwroot\docs\privacy-policy.fr-FR.html">
|
||||||
|
<CopyToOutputDirectory>Always</CopyToOutputDirectory>
|
||||||
|
</Content>
|
||||||
|
</ItemGroup>
|
||||||
</Project>
|
</Project>
|
||||||
@@ -7,6 +7,11 @@
|
|||||||
@Body
|
@Body
|
||||||
</article>
|
</article>
|
||||||
</main>
|
</main>
|
||||||
|
<footer class="receiver-footer">
|
||||||
|
<span>© SignFlow 2023-2024 <a href="https://digitaldata.works" target="_blank" rel="noopener">Digital Data GmbH</a></span>
|
||||||
|
<span class="receiver-footer__sep">|</span>
|
||||||
|
<a href="docs/privacy-policy.de-DE.html" target="_blank" rel="noopener">Datenschutz</a>
|
||||||
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@code {
|
@code {
|
||||||
|
|||||||
@@ -11,7 +11,7 @@ html, body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
article {
|
article {
|
||||||
height: calc(100vh - 70px);
|
height: calc(100vh - 36px);
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
@@ -68,7 +68,7 @@ article {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.dx-blazor-reporting-container {
|
.dx-blazor-reporting-container {
|
||||||
height: calc(100vh - 130px) !important;
|
height: calc(100vh - 166px) !important;
|
||||||
width: 100% !important;
|
width: 100% !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -243,3 +243,37 @@ article {
|
|||||||
gap: 7px;
|
gap: 7px;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* ── Footer ──────────────────────────────────────────────────────────────── */
|
||||||
|
.receiver-footer {
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
height: 36px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
gap: 10px;
|
||||||
|
padding: 0 20px;
|
||||||
|
background: linear-gradient(135deg, #2c3e50 0%, #3498db 100%);
|
||||||
|
color: rgba(255, 255, 255, 0.75);
|
||||||
|
font-size: 0.72rem;
|
||||||
|
z-index: 100;
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.receiver-footer a {
|
||||||
|
color: rgba(255, 255, 255, 0.90);
|
||||||
|
text-decoration: none;
|
||||||
|
transition: color 0.15s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.receiver-footer a:hover {
|
||||||
|
color: #ffffff;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.receiver-footer__sep {
|
||||||
|
opacity: 0.4;
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user