@@ -18491,80 +18491,26 @@ exports[`should render with image uploaded 1`] = `
1849118491}
1849218492
1849318493.emotion-29 {
18494- min - height : 250px ;
18495- display : - webkit - box ;
18496- display : - webkit - flex ;
18497- display : - ms - flexbox ;
18498- display : flex ;
18499- - webkit - flex - direction : column ;
18500- - ms - flex - direction : column ;
18501- flex - direction : column ;
18502- - webkit - box - pack : justify ;
18503- - webkit - justify - content : space - between ;
18504- - ms - flex - pack : justify ;
18505- justify - content : space - between ;
18506- }
18507-
18508- .emotion-31 {
18509- color : #0B6AFF ;
18510- display : block ;
18494+ position : relative ;
18495+ padding : 10px ;
1851118496 margin : auto ;
18497+ min - width : 100px ;
18498+ max - width : 250px ;
1851218499}
1851318500
18514- .emotion-33 {
18515- text - align : center ;
18501+ .emotion-31 {
18502+ width : 100 % ;
1851618503}
1851718504
18518- .emotion-35 {
18519- cursor : pointer ;
18505+ .emotion-34 {
18506+ color : #0 B6AFF ;
1852018507 color : #0B6AFF ;
18521- - webkit - text - decoration : underline ;
18522- text - decoration : underline ;
18523- }
18524-
18525- .emotion-37 {
18526- width : 100 % ;
18527- padding : 10px ;
18528- opacity : 0 ;
1852918508 position : absolute ;
18530- z - index : - 1 ;
18531- top : - 100px ;
18532- }
18533-
18534- .emotion-39 {
18535- display : - webkit - box ;
18536- display : - webkit - flex ;
18537- display : - ms - flexbox ;
18538- display : flex ;
18539- margin : 10px 0px ;
18540- }
18541-
18542- .emotion-41 {
18543- width : 100 % ;
18544- height : 2px ;
18545- background - color : #424242 ;
18546- border - color : #424242 ;
18547- }
18548-
18549- .emotion-43 {
18550- margin : 0px 10px ;
18551- }
18552-
18553- .emotion-47 {
18554- display : block ;
18555- margin : 5px 0px ;
18556- padding : 5px ;
18557- width : 100 % ;
18558- padding : 8px 12px ;
18559- border : 1px solid #ccc ;
18560- background - color : #fafafa ;
18561- color : #424242 ;
18562- box - shadow : rgb (0 0 0 / 20 % ) 0px 0px 6px ;
18563- border - radius : 6px ;
18564- }
18565-
18566- .emotion-47:focus-within {
18567- background - color : #fff ;
18509+ top : 10px ;
18510+ right : 10px ;
18511+ padding : 4px ;
18512+ background : rgb (250 250 250 / 90 % );
18513+ cursor : pointer ;
1856818514}
1856918515
1857018516<div
@@ -18699,77 +18645,55 @@ exports[`should render with image uploaded 1`] = `
1869918645 <div
1870018646 className = " emotion-29 emotion-30"
1870118647 >
18702- <svg
18648+ <img
1870318649 className = " emotion-31 emotion-32"
18704- color = " blue"
18650+ src = " data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAACWCAYAAADwkd5lAAAAAXNSR0IArs4c6QAAESVJREFUeF7tnAmoptMfx39DZoq59u1ORMqSLSHJruyklBEiW7Jny5olhZSEkCVL9qVGlGQnWTIjexhbtq4lISbMhNHv"
18651+ />
18652+ <svg
18653+ className = " emotion-33 emotion-34 emotion-26"
1870518654 fill = " none"
18706- height = " 100px "
18707- style = { undefined }
18655+ height = " 30px "
18656+ onClick = { [ Function ] }
1870818657 viewBox = " 0 0 24 24"
18709- width = " 100px "
18658+ width = " 30px "
1871018659 xmlns = " http://www.w3.org/2000/svg"
1871118660 >
1871218661 <path
18713- d = " M2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C22 4.92893 22 7.28595 22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12Z "
18662+ d = " M10 12V17 "
1871418663 stroke = " currentColor"
18715- strokeWidth = " 1.5"
18664+ strokeLinecap = " round"
18665+ strokeLinejoin = " round"
18666+ strokeWidth = " 2"
1871618667 />
18717- <circle
18718- cx = " 16"
18719- cy = " 8"
18720- opacity = " 0.5"
18721- r = " 2"
18668+ <path
18669+ d = " M14 12V17"
1872218670 stroke = " currentColor"
18723- strokeWidth = " 1.5"
18671+ strokeLinecap = " round"
18672+ strokeLinejoin = " round"
18673+ strokeWidth = " 2"
1872418674 />
1872518675 <path
18726- d = " M5 13.307L5.81051 12.5542C6.73658 11.6941 8.18321 11.7424 9.04988 12.6623L11.6974 15.4727C12.2356 16.0439 13.1166 16.1209 13.7457 15.6516C14.6522 14.9753 15.9144 15.0522 16.7322 15.8334L19 18"
18727- opacity = " 0.5"
18676+ d = " M4 7H20"
1872818677 stroke = " currentColor"
1872918678 strokeLinecap = " round"
18730- strokeWidth = " 1.5"
18679+ strokeLinejoin = " round"
18680+ strokeWidth = " 2"
1873118681 />
18732- </svg >
18733- <div
18734- className = " emotion-33 emotion-34"
18735- >
18736- <span >
18737- Drag an image here or
18738- </span >
18739- <label
18740- className = " emotion-35 emotion-36"
18741- >
18742- upload a file
18743- <input
18744- accept = " .svg,.png,.jpg,.jpeg,.bmp,.tif,.webp"
18745- className = " emotion-37 emotion-38"
18746- onChange = { [Function ]}
18747- type = " file"
18748- />
18749- </label >
18750- </div >
18751- <div
18752- className = " emotion-39 emotion-40"
18753- >
18754- <hr
18755- className = " emotion-41 emotion-42"
18682+ <path
18683+ d = " M6 10V18C6 19.6569 7.34315 21 9 21H15C16.6569 21 18 19.6569 18 18V10"
18684+ stroke = " currentColor"
18685+ strokeLinecap = " round"
18686+ strokeLinejoin = " round"
18687+ strokeWidth = " 2"
1875618688 />
18757- <div
18758- className = " emotion-43 emotion-44"
18759- >
18760- OR
18761- </div >
18762- <hr
18763- className = " emotion-41 emotion-42"
18689+ <path
18690+ d = " M9 5C9 3.89543 9.89543 3 11 3H13C14.1046 3 15 3.89543 15 5V7H9V5Z"
18691+ stroke = " currentColor"
18692+ strokeLinecap = " round"
18693+ strokeLinejoin = " round"
18694+ strokeWidth = " 2"
1876418695 />
18765- </div >
18766- <input
18767- className = " emotion-47 emotion-48"
18768- onChange = { [Function ]}
18769- placeholder = " Paste an image link"
18770- type = " text"
18771- value = " "
18772- />
18696+ </svg >
1877318697 </div >
1877418698 </div >
1877518699 </div >
0 commit comments