Better identity app layout on mobile.

This commit is contained in:
Cory McWilliams 2024-04-29 12:24:35 -04:00
parent 09ba86dec5
commit 5258e4253d
2 changed files with 4 additions and 4 deletions

View File

@ -1,5 +1,5 @@
{ {
"type": "tildefriends-app", "type": "tildefriends-app",
"emoji": "🪪", "emoji": "🪪",
"previous": "&dlRtybjOhAOzSdoM5B4bQo48XEQCryaBp9QLseJ9Law=.sha256" "previous": "&de7q4A59auHP/34bXgeNH05JZoxsGr5TjwXPvehWH30=.sha256"
} }

View File

@ -48,7 +48,7 @@ async function main() {
.w3-hover-border-theme:hover {border-color:#485167 !important} .w3-hover-border-theme:hover {border-color:#485167 !important}
</style> </style>
</head> </head>
<body class="w3-theme-l3 w3-padding"> <body class="w3-theme-l3">
<script>const handler = {};</script> <script>const handler = {};</script>
<script type="module"> <script type="module">
import * as tfrpc from '/static/tfrpc.js'; import * as tfrpc from '/static/tfrpc.js';
@ -99,7 +99,7 @@ async function main() {
} }
} }
</script> </script>
<h1 class="w3-theme">SSB Identity Management</h1> <header class="w3-theme w3-padding"><h1>SSB Identity Management</h1></header>
<div class="w3-card-4 w3-margin"> <div class="w3-card-4 w3-margin">
<header class="w3-container w3-theme-l2"><h2>Create a new identity</h2></header> <header class="w3-container w3-theme-l2"><h2>Create a new identity</h2></header>
<footer class="w3-padding"> <footer class="w3-padding">
@ -118,7 +118,7 @@ async function main() {
<ul class="w3-ul">` + <ul class="w3-ul">` +
ids ids
.map( .map(
(id) => `<li> (id) => `<li style="overflow: hidden; text-wrap: nowrap; text-overflow: ellipsis">
<button onclick="handler.export_id(event)" data-id="${id}" class="w3-button w3-theme">Export Identity</button> <button onclick="handler.export_id(event)" data-id="${id}" class="w3-button w3-theme">Export Identity</button>
<button onclick="handler.delete_id(event)" data-id="${id}" class="w3-button w3-theme">Delete Identity</button> <button onclick="handler.delete_id(event)" data-id="${id}" class="w3-button w3-theme">Delete Identity</button>
${id} ${id}