OpenNeo/impress-2020
OpenNeo/impress-2020
1
0
Fork 0
Code Pull requests Activity

make name edit button not inline

Browse source 
this was wrapping bad on my phone, the edit button was getting its own line, was really bothering me! 😅
This commit is contained in:
Matt Dunn-Rankin 2020-04-22 03:50:57 -07:00
parent 66e50d2461
commit 5f4226d673
1 changed files with 3 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
app/src/WardrobePage.js
View file

@ -64,7 +64,7 @@ function WardrobePage() {
"outfit items"`, "outfit items"`,
}} }}
templateRows={{ templateRows={{
base: "50% auto 1fr", base: "minmax(100px, 1fr) auto minmax(300px, 1fr)",
lg: "auto 1fr", lg: "auto 1fr",
}} }}
templateColumns={{ templateColumns={{
@ -219,7 +219,7 @@ function OutfitHeading() {
<Editable defaultValue="Zafara Agent (roopal27)"> <Editable defaultValue="Zafara Agent (roopal27)">
{({ isEditing, onRequestEdit }) => ( {({ isEditing, onRequestEdit }) => (
<> <>
<EditablePreview d="inline" /> <EditablePreview />
<EditableInput /> <EditableInput />
{!isEditing && ( {!isEditing && (
<PseudoBox <PseudoBox
@ -228,6 +228,7 @@ function OutfitHeading() {
transition="opacity 0.5s" transition="opacity 0.5s"
_groupHover={{ opacity: "1" }} _groupHover={{ opacity: "1" }}
onClick={onRequestEdit} onClick={onRequestEdit}
position="absolute"
> >
<IconButton <IconButton
icon="edit" icon="edit"