Небольшие UI фиксы

2025-03-30 23:56:34 +03:00
parent 724062e7b3
commit e519a4d126
2 changed files with 11 additions and 4 deletions
--- a/src/Otchinslator/Components/App.razor
+++ b/src/Otchinslator/Components/App.razor
@@ -3,7 +3,7 @@

 <head>
    <meta charset="utf-8"/>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"/>
    <base href="/"/>
    <meta property="og:image" content="/favicon.png" />
    <link rel="preconnect" href="https://fonts.googleapis.com"> 
--- a/src/Otchinslator/Components/Pages/FirstApril.razor
+++ b/src/Otchinslator/Components/Pages/FirstApril.razor
@@ -9,6 +9,15 @@

 <PageTitle>Заяление отправлено | 1 апреля</PageTitle>

+<style>
+    html, body {
+        margin: 0;
+        padding: 0;
+        width: 100%;
+        height: 100dvh;
+    }
+</style>
+
@code {

    protected override async Task OnInitializedAsync()
@@ -51,10 +60,8 @@
 <dialog id="denyModal" class="modal modal-bottom sm:modal-middle">
    <div class="modal-box">
        <h3 class="text-lg font-bold text-center">С 1 апреля!</h3>
-        @* <p class="py-4 font-bold text-center"></p> *@
        <img src="https://risovach.ru/upload/2013/04/mem/moe-lico_15228723_orig_.jpeg" class="h-80 my-2 mx-auto"
             alt=""/>
-        @* <p class="text-center">.</p> *@
        <div class="modal-action justify-center">
            <form method="dialog">
                <button class="btn btn-primary">Понял, принял</button>
@@ -88,7 +95,7 @@
 <script>
        const pdfrenderer = document.getElementById('pdfrenderer');
        const url = '/getStatement';
-        pdfrenderer.innerHTML = '<canvas id="pdf-canvas" class="w-96 rounded-2xl"></canvas>';
+        pdfrenderer.innerHTML = '<canvas id="pdf-canvas" class="w-96 sm:w-[32rem] rounded-2xl"></canvas>';
        pdfjsLib.getDocument(url).promise.then(function (pdf) {
            pdf.getPage(1).then(function (page) {
                const viewport = page.getViewport({scale: 1});