martin/databag
1
0
Fork 0
mirror of https://github.com/balzack/databag.git synced 2025-04-23 10:05:19 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

styling details for mobile screen

Browse Source
This commit is contained in:
balzack 2024-12-21 22:28:23 -08:00
parent 257568e729
commit 43d3dd0cad
2 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
app/client/web/src/details/Details.module.css
View File

@ -99,6 +99,8 @@
.label {
font-size: 24px;
padding: 8px;
flex-grow: 1;
text-align: center;
}
.divider {
@ -114,6 +116,15 @@
padding-right: 16px;
height: 48px;
flex-shrink: 0;
align-items: center;
.match {
opacity: 0;
}
.close {
cursor: pointer;
}
}
.subject {

7
app/client/web/src/details/Details.tsx
View File

@ -21,15 +21,12 @@ export function Details({ close }: { close?: () => void }) {
handle={card.handle} node={card.node}/>
))
console.log(state.hostCard, state.channelCards, state.unknownContacts);
return (
<div className={classes.details}>
<div className={classes.header}>
{close && <IconX size={30} className={classes.match} />}
{close && <IconX className={classes.match} />}
<Text className={classes.label}>{ state.strings.details }</Text>
{close && <IconX size={30} className={classes.close} onClick={close} />}
{close && <IconX className={classes.close} onClick={close} />}
</div>
{ state.access && (
<div className={classes.body}>