Assclaw/jfa-go
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ui: fix hidden overflow on mobile devices

Browse Source 
mostly the accounts table was causing an overflow on mobile browsers,
specifically anything on ios and samsung browser. For #450.
This commit is contained in:
Harvey Tindall
2025-12-10 20:37:29 +00:00
parent 85a6d66228
commit 26d05911fd
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
html/admin.html
+2 -2
View File
@@ -15,7 +15,7 @@
window.loginAppearance = "{{ .loginAppearance }}"; window.loginAppearance = "{{ .loginAppearance }}";
</script> </script>
</head> </head>
<body class="max-w-full overflow-x-hidden section"> <body class="max-w-full section"><div class="overflow-x-hidden relative"><!-- for whatever reason position:relative stops hidden x overflow on ios and samsung web -->
{{ template "login-modal.html" . }} {{ template "login-modal.html" . }}
<div id="modal-add-user" class="modal"> <div id="modal-add-user" class="modal">
<form class="card relative mx-auto my-[10%] w-11/12 sm:w-4/5 lg:w-1/3 flex flex-col gap-2" id="form-add-user" href=""> <form class="card relative mx-auto my-[10%] w-11/12 sm:w-4/5 lg:w-1/3 flex flex-col gap-2" id="form-add-user" href="">
@@ -967,5 +967,5 @@
</div> </div>
</div> </div>
<script src="{{ .pages.Base }}/js/admin.js" type="module"></script> <script src="{{ .pages.Base }}/js/admin.js" type="module"></script>
</body> </div></body>
</html> </html>