dqj/sample-site
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Improve UISDK css for mobile

Browse Source
This commit is contained in:
dqj
2026-02-04 23:52:30 +09:00
parent 03ce446b8a
commit 1d2f4dfc9b
1 changed files with 26 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
files/fido2-ui-sdk.css
View File

@@ -16,6 +16,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
gap: 12px; gap: 12px;
flex-wrap: wrap;
} }
.fido2-sdk-logo { .fido2-sdk-logo {
@@ -88,30 +89,6 @@
border-left: 4px solid #0d6efd; border-left: 4px solid #0d6efd;
} }
.fido2-sdk-standalone {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
min-height: 100vh;
padding: 40px 20px;
}
.fido2-sdk-standalone .container {
max-width: 1000px;
}
.fido2-sdk-standalone .card {
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
border: none;
}
.fido2-sdk-standalone .card-header {
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
border-bottom: 2px solid #dee2e6;
}
.fido2-sdk-standalone .card-body {
background-color: #ffffff;
}
.fido2-sdk-table .text-danger { .fido2-sdk-table .text-danger {
color: #dc3545 !important; color: #dc3545 !important;
text-decoration: none; text-decoration: none;
@@ -138,10 +115,6 @@
max-width: calc(100% - 20px); max-width: calc(100% - 20px);
} }
.fido2-sdk-standalone {
padding: 20px 10px;
}
.fido2-sdk-table th, .fido2-sdk-table th,
.fido2-sdk-table td { .fido2-sdk-table td {
padding: 8px 12px; padding: 8px 12px;
@@ -156,6 +129,25 @@
.fido2-sdk-logo { .fido2-sdk-logo {
max-height: 30px; max-height: 30px;
} }
.fido2-sdk-status-badge {
width: 100%;
order: 3;
margin-top: 8px;
}
.fido2-sdk-header .btn-close {
order: 2;
margin-left: auto;
}
.fido2-sdk-header .modal-title {
order: 1;
}
.fido2-sdk-header .fido2-sdk-logo {
order: 0;
}
} }
.fido2-sdk-loading { .fido2-sdk-loading {