feature pin message / ui improvment
parent
ae53b5b8af
commit
e993510cdc
|
|
@ -45,11 +45,9 @@ export const PinBar = styled.div<{ position: "top" | "bottom"; accent?: boolean
|
||||||
${(props) =>
|
${(props) =>
|
||||||
props.position === "top" &&
|
props.position === "top" &&
|
||||||
css`
|
css`
|
||||||
top: 10;
|
top: 0;
|
||||||
animation: topBounce 1s cubic-bezier(0.2, 0.9, 0.5, 1.16)
|
animation: topBounce 1s cubic-bezier(0.2, 0.9, 0.5, 1.16)
|
||||||
forwards;
|
forwards;
|
||||||
|
|
||||||
|
|
||||||
`}
|
`}
|
||||||
|
|
||||||
${(props) =>
|
${(props) =>
|
||||||
|
|
@ -71,27 +69,14 @@ export const PinBar = styled.div<{ position: "top" | "bottom"; accent?: boolean
|
||||||
isMobile ?
|
isMobile ?
|
||||||
css`
|
css`
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
` : isDesktop ?
|
` : isDesktop ?
|
||||||
css`
|
css`
|
||||||
|
width: 40%;`
|
||||||
|
|
||||||
|
|
||||||
width: 40%;
|
|
||||||
`
|
|
||||||
:
|
:
|
||||||
css`
|
css`
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
width: 70%;
|
width: 70%;
|
||||||
`
|
`
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
right : 0px !important;
|
right : 0px !important;
|
||||||
height: auto;
|
height: auto;
|
||||||
max-height: 600px;
|
max-height: 600px;
|
||||||
|
|
@ -400,33 +385,15 @@ export default observer(
|
||||||
}}
|
}}
|
||||||
style={{ display: 'flex', paddingTop: "5px" }}
|
style={{ display: 'flex', paddingTop: "5px" }}
|
||||||
>
|
>
|
||||||
|
|
||||||
<Message
|
<Message
|
||||||
|
|
||||||
message={msg}
|
message={msg}
|
||||||
key={msg._id}
|
key={msg._id}
|
||||||
head={true}
|
head={true}
|
||||||
content={
|
content={
|
||||||
undefined
|
undefined
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
// <div
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// >
|
|
||||||
// <>. {" "}</>
|
|
||||||
// <Text
|
|
||||||
|
|
||||||
// id="app.main.channel.misc.pinned_message"
|
|
||||||
// fields={{
|
|
||||||
// message_summery: content,
|
|
||||||
// }}
|
|
||||||
// />
|
|
||||||
// </div>
|
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue