mirror of
https://github.com/kccleoc/seedpgp-web.git
synced 2026-03-07 09:57:50 +08:00
Fix TypeScript errors, remove non-functional Empty button, right-align Network Block toggle
- Fix CameraEntropy and DiceEntropy import errors - Fix unused variable warnings in App.tsx and Header.tsx - Remove non-functional Empty storage button from Header - Right-align Network Block toggle button with flex-1 spacer - Add NetworkBlockBadge component file
This commit is contained in:
@@ -2,6 +2,19 @@
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
|
||||
/* Prevent iOS zoom on input focus by ensuring font-size >= 16px */
|
||||
input, textarea, select {
|
||||
font-size: 16px !important; /* iOS won't zoom if 16px or larger */
|
||||
}
|
||||
|
||||
/* For smaller text, use transform scale instead */
|
||||
.text-xs input,
|
||||
.text-xs textarea {
|
||||
font-size: 16px !important;
|
||||
transform: scale(0.75);
|
||||
transform-origin: left top;
|
||||
}
|
||||
|
||||
/* Mobile-first: constrain to phone width on all devices */
|
||||
#root {
|
||||
max-width: 448px;
|
||||
@@ -32,4 +45,25 @@ body {
|
||||
code {
|
||||
font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
|
||||
monospace;
|
||||
}
|
||||
}
|
||||
|
||||
/* Sensitive data blur protection */
|
||||
.blur-sensitive {
|
||||
filter: blur(6px);
|
||||
transition: filter 0.2s ease;
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.blur-sensitive:hover,
|
||||
.blur-sensitive:focus {
|
||||
filter: blur(0);
|
||||
user-select: text;
|
||||
}
|
||||
|
||||
/* Mobile: tap to reveal */
|
||||
@media (pointer: coarse) {
|
||||
.blur-sensitive:active {
|
||||
filter: blur(0);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user