mirror of
https://github.com/ilyakooo0/urbit.git
synced 2024-12-14 17:41:33 +03:00
links: disable flexshrink on link items
This commit is contained in:
parent
87f761323f
commit
b720029b20
@ -69,7 +69,7 @@ export function LinkResource(props: LinkResourceProps) {
|
|||||||
render={(props) => {
|
render={(props) => {
|
||||||
return (
|
return (
|
||||||
<Col width="100%" p={4} alignItems="center" maxWidth="768px">
|
<Col width="100%" p={4} alignItems="center" maxWidth="768px">
|
||||||
<Row width="100%">
|
<Row width="100%" flexShrink='0'>
|
||||||
<LinkSubmit s3={s3} name={name} ship={ship.slice(1)} api={api} />
|
<LinkSubmit s3={s3} name={name} ship={ship.slice(1)} api={api} />
|
||||||
</Row>
|
</Row>
|
||||||
{Array.from(graph.values()).map((node: GraphNode) => {
|
{Array.from(graph.values()).map((node: GraphNode) => {
|
||||||
|
@ -36,7 +36,7 @@ export const LinkItem = (props) => {
|
|||||||
const baseUrl = props.baseUrl || `/~link/${resource}`;
|
const baseUrl = props.baseUrl || `/~link/${resource}`;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Row width="100%" alignItems="center" py={3} bg="white">
|
<Row flexShrink='0' width="100%" alignItems="center" py={3} bg="white">
|
||||||
{img}
|
{img}
|
||||||
<Col height="100%" justifyContent="space-between" ml={2}>
|
<Col height="100%" justifyContent="space-between" ml={2}>
|
||||||
<Anchor
|
<Anchor
|
||||||
@ -47,7 +47,7 @@ export const LinkItem = (props) => {
|
|||||||
target="_blank"
|
target="_blank"
|
||||||
rel="noopener noreferrer">
|
rel="noopener noreferrer">
|
||||||
<Text> {contents[0].text}</Text>
|
<Text> {contents[0].text}</Text>
|
||||||
<Text ml="2" color="gray">{hostname} ↗</Text>
|
<Text ml="2" color="gray">{hostname} ↗</Text>
|
||||||
</Anchor>
|
</Anchor>
|
||||||
<Box width="100%">
|
<Box width="100%">
|
||||||
<Text
|
<Text
|
||||||
|
@ -191,7 +191,7 @@ export class LinkSubmit extends Component<LinkSubmitProps, LinkSubmitState> {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<div
|
<div
|
||||||
className={`relative ba br1 w-100 mb6 ${focus}`}
|
className={`flex-shrink-0 relative ba br1 w-100 mb6 ${focus}`}
|
||||||
onDragEnter={this.onDragEnter.bind(this)}
|
onDragEnter={this.onDragEnter.bind(this)}
|
||||||
onDragOver={e => {
|
onDragOver={e => {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
|
Loading…
Reference in New Issue
Block a user