diff --git a/extension/bun.lock b/extension/bun.lock index 25c69da..2319c0b 100644 --- a/extension/bun.lock +++ b/extension/bun.lock @@ -7,7 +7,6 @@ "@webext-core/messaging": "^1.4.0", "clsx": "^2.1.1", "lucide-react": "^0.563.0", - "pdfjs-dist": "^5.4.624", "react": "^18.3.1", "react-dom": "^18.3.1", }, @@ -180,30 +179,6 @@ "@mdn/browser-compat-data": ["@mdn/browser-compat-data@7.1.22", "", {}, "sha512-pvfjbTDEYTDNKl9u3KbRzeNmU7PrcsFiGzIUbcB9JPq1LziTMs6YpE2x3Gf+2gHOPQzdO/KQ8hAr1Kkkzpklrg=="], - "@napi-rs/canvas": ["@napi-rs/canvas@0.1.91", "", { "optionalDependencies": { "@napi-rs/canvas-android-arm64": "0.1.91", "@napi-rs/canvas-darwin-arm64": "0.1.91", "@napi-rs/canvas-darwin-x64": "0.1.91", "@napi-rs/canvas-linux-arm-gnueabihf": "0.1.91", "@napi-rs/canvas-linux-arm64-gnu": "0.1.91", "@napi-rs/canvas-linux-arm64-musl": "0.1.91", "@napi-rs/canvas-linux-riscv64-gnu": "0.1.91", "@napi-rs/canvas-linux-x64-gnu": "0.1.91", "@napi-rs/canvas-linux-x64-musl": "0.1.91", "@napi-rs/canvas-win32-arm64-msvc": "0.1.91", "@napi-rs/canvas-win32-x64-msvc": "0.1.91" } }, "sha512-eeIe1GoB74P1B0Nkw6pV8BCQ3hfCfvyYr4BntzlCsnFXzVJiPMDnLeIx3gVB0xQMblHYnjK/0nCLvirEhOjr5g=="], - - "@napi-rs/canvas-android-arm64": ["@napi-rs/canvas-android-arm64@0.1.91", "", { "os": "android", "cpu": "arm64" }, "sha512-SLLzXXgSnfct4zy/BVAfweZQkYkPJsNsJ2e5DOE8DFEHC6PufyUrwb12yqeu2So2IOIDpWJJaDAxKY/xpy6MYQ=="], - - "@napi-rs/canvas-darwin-arm64": ["@napi-rs/canvas-darwin-arm64@0.1.91", "", { "os": "darwin", "cpu": "arm64" }, "sha512-bzdbCjIjw3iRuVFL+uxdSoMra/l09ydGNX9gsBxO/zg+5nlppscIpj6gg+nL6VNG85zwUarDleIrUJ+FWHvmuA=="], - - "@napi-rs/canvas-darwin-x64": ["@napi-rs/canvas-darwin-x64@0.1.91", "", { "os": "darwin", "cpu": "x64" }, "sha512-q3qpkpw0IsG9fAS/dmcGIhCVoNxj8ojbexZKWwz3HwxlEWsLncEQRl4arnxrwbpLc2nTNTyj4WwDn7QR5NDAaA=="], - - "@napi-rs/canvas-linux-arm-gnueabihf": ["@napi-rs/canvas-linux-arm-gnueabihf@0.1.91", "", { "os": "linux", "cpu": "arm" }, "sha512-Io3g8wJZVhK8G+Fpg1363BE90pIPqg+ZbeehYNxPWDSzbgwU3xV0l8r/JBzODwC7XHi1RpFEk+xyUTMa2POj6w=="], - - "@napi-rs/canvas-linux-arm64-gnu": ["@napi-rs/canvas-linux-arm64-gnu@0.1.91", "", { "os": "linux", "cpu": "arm64" }, "sha512-HBnto+0rxx1bQSl8bCWA9PyBKtlk2z/AI32r3cu4kcNO+M/5SD4b0v1MWBWZyqMQyxFjWgy3ECyDjDKMC6tY1A=="], - - "@napi-rs/canvas-linux-arm64-musl": ["@napi-rs/canvas-linux-arm64-musl@0.1.91", "", { "os": "linux", "cpu": "arm64" }, "sha512-/eJtVe2Xw9A86I4kwXpxxoNagdGclu12/NSMsfoL8q05QmeRCbfjhg1PJS7ENAuAvaiUiALGrbVfeY1KU1gztQ=="], - - "@napi-rs/canvas-linux-riscv64-gnu": ["@napi-rs/canvas-linux-riscv64-gnu@0.1.91", "", { "os": "linux", "cpu": "none" }, "sha512-floNK9wQuRWevUhhXRcuis7h0zirdytVxPgkonWO+kQlbvxV7gEUHGUFQyq4n55UHYFwgck1SAfJ1HuXv/+ppQ=="], - - "@napi-rs/canvas-linux-x64-gnu": ["@napi-rs/canvas-linux-x64-gnu@0.1.91", "", { "os": "linux", "cpu": "x64" }, "sha512-c3YDqBdf7KETuZy2AxsHFMsBBX1dWT43yFfWUq+j1IELdgesWtxf/6N7csi3VPf6VA3PmnT9EhMyb+M1wfGtqw=="], - - "@napi-rs/canvas-linux-x64-musl": ["@napi-rs/canvas-linux-x64-musl@0.1.91", "", { "os": "linux", "cpu": "x64" }, "sha512-RpZ3RPIwgEcNBHSHSX98adm+4VP8SMT5FN6250s5jQbWpX/XNUX5aLMfAVJS/YnDjS1QlsCgQxFOPU0aCCWgag=="], - - "@napi-rs/canvas-win32-arm64-msvc": ["@napi-rs/canvas-win32-arm64-msvc@0.1.91", "", { "os": "win32", "cpu": "arm64" }, "sha512-gF8MBp4X134AgVurxqlCdDA2qO0WaDdi9o6Sd5rWRVXRhWhYQ6wkdEzXNLIrmmros0Tsp2J0hQzx4ej/9O8trQ=="], - - "@napi-rs/canvas-win32-x64-msvc": ["@napi-rs/canvas-win32-x64-msvc@0.1.91", "", { "os": "win32", "cpu": "x64" }, "sha512-++gtW9EV/neKI8TshD8WFxzBYALSPag2kFRahIJV+LYsyt5kBn21b1dBhEUDHf7O+wiZmuFCeUa7QKGHnYRZBA=="], - "@nodelib/fs.scandir": ["@nodelib/fs.scandir@2.1.5", "", { "dependencies": { "@nodelib/fs.stat": "2.0.5", "run-parallel": "^1.1.9" } }, "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g=="], "@nodelib/fs.stat": ["@nodelib/fs.stat@2.0.5", "", {}, "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A=="], @@ -872,8 +847,6 @@ "node-notifier": ["node-notifier@10.0.1", "", { "dependencies": { "growly": "^1.3.0", "is-wsl": "^2.2.0", "semver": "^7.3.5", "shellwords": "^0.1.1", "uuid": "^8.3.2", "which": "^2.0.2" } }, "sha512-YX7TSyDukOZ0g+gmzjB6abKu+hTGvO8+8+gIFDsRCU2t8fLV/P2unmt+LGFaIa4y64aX98Qksa97rgz4vMNeLQ=="], - "node-readable-to-web-readable-stream": ["node-readable-to-web-readable-stream@0.4.2", "", {}, "sha512-/cMZNI34v//jUTrI+UIo4ieHAB5EZRY/+7OmXZgBxaWBMcW2tGdceIw06RFxWxrKZ5Jp3sI2i5TsRo+CBhtVLQ=="], - "node-releases": ["node-releases@2.0.27", "", {}, "sha512-nmh3lCkYZ3grZvqcCH+fjmQ7X+H0OeZgP40OierEaAptX4XofMh5kwNbWh7lBduUzCcV/8kZ+NDLCwm2iorIlA=="], "normalize-path": ["normalize-path@3.0.0", "", {}, "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA=="], @@ -930,8 +903,6 @@ "pathe": ["pathe@2.0.3", "", {}, "sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w=="], - "pdfjs-dist": ["pdfjs-dist@5.4.624", "", { "optionalDependencies": { "@napi-rs/canvas": "^0.1.88", "node-readable-to-web-readable-stream": "^0.4.2" } }, "sha512-sm6TxKTtWv1Oh6n3C6J6a8odejb5uO4A4zo/2dgkHuC0iu8ZMAXOezEODkVaoVp8nX1Xzr+0WxFJJmUr45hQzg=="], - "pend": ["pend@1.2.0", "", {}, "sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg=="], "perfect-debounce": ["perfect-debounce@1.0.0", "", {}, "sha512-xCy9V055GLEqoFaHoC1SoLIaLmWctgCUaBaWxDZ7/Zx4CTyX7cJQLJOok/orfjZAh9kEYpjJa4d0KcJmCbctZA=="], diff --git a/extension/public/icons/icon-128.png b/extension/public/icons/icon-128.png index f799fd76b25762abd3c3ed62a7d909659e26cd25..e3842c4d43eb82fa4c2ab641e9a21941af869f05 100644 GIT binary patch literal 588 zcmeAS@N?(olHy`uVBq!ia0y~yU}#`qU?|{VV_;yowx;3|0|S$=r;B4q#hkZy&igVs z%D8`&{I4R{vysKxAWWeoiSypm4eTqt-!NEhVBwp`^X8Yf0~_;A$urgSPoK$Ux?g^; z=A#*p=h-jaa~|KwK2!VXDL-?@8HNWu4Cmm)y8wpin-gdH3B0yD{&981O@=6IkpnBe zejhu{c3~Fd0ZE2Aq!I^yMjw~o+F2~JyK>$V!KvSR@24`f$2>8)d+xK*-{7USybt)1 z9e{8OA=Zncs$Pz;LhDm+Q={^C?di-GURuk$pzrG4(plTO7HnD1c;&KA)1`fE0pXK5 zynahL)LvEAc$>|T8`2As+!Cw{lDrT$6)ai3x^Ck9M>4*d@yr&?f(`K;ipC5U%nh_7 zv{?)8^L~%t{YB#X;;*$)%WNN|GH0w6IdC;+#uw+R{?{5H{#kguoMU)!i`_ta*OIhf rmG3Uencw~JVXv=#ri$Q!=lmW=a^ipSmcCbP0l+XkK_4wUJ literal 1648 zcmeAS@N?(olHy`uVBq!ia0y~yU}ykg4mJh`hQoG=rx_R+7>k44ofy`glX=O&z~GV^ z;hE;^%b>-;z`()4*q+J20#d@jz#zo{0?Z2-8JNK$j0_A5nBcMv3z!jXkV20>mU0FL z)?1z~jv*C{Z|CmMmvI$2o}TtSC#j>UgC%65LqLF{$kIiOTq^$>JVgFXsM)r0!BUoq za^fC=Pfor3#Q#M8fa;=UZXuaM3hA0B?^c$#ZEsV%^p>x>{Qm9A#qYhspWHiFoxktC zf7ovI^L?`NK1~ld7P8LK_I-Q){|wue_xF~+e|2*a+p*v2yIptI23^1G`cQP==3}!0 zSd;zla79{}Ftc(vu&J#xVrAOURVCS@${;yo$0-qx16r?A4W==qBs|gz)(Dq8vvGF7 z0k4VAHov*}cZxs5w5z4bkENKMw|BqY>vB?&;q4<{InJf_YY%-fmX5i*UGlY0YSVv@ z6P8o7I~q33P-MCgev@}z{r4YF?=Ow{9Qo?T?^pTx&Ku>|Xh#1r-@_T>6(!s3w83>v zFq1&A#%Bx06L%im_`>1fv+&Gg7KP&GkBW5ayVT2_F%R$Lq+f8bq)-Zwz1!rVLXsMr-YSh!WP>f&o~(39xu@rAjJw7 zQ@-aHgGJ^anCd9|>|~Td4x;{J>3s zVa~SmsnfPMN`&X^eLB}xjN@K~p2Y)ujst8*zkj_Wa`am7gEw>a_gU`Vb@0;Kr5p~c zO=dK#f9mzXZGMkdaY@041(k;+z9=wAPq#nO?^WcVaA*3|n?L_OJ1cPaf#gjkMu%0m zXYKx3d+_A$<8PKv*SDAYqUFF4T%lY z$q;Z#>!dfs6p7ZX%~SSf2ke}=-MP`Nywc*eNc_CVZ;w`HfA`R8|CMxkQP8)wGfTdl z6!2iY8MN)De%hwJZ=>g5jCq*$=={u@sPmEQ_IBTA)slX5dDFIM$BH~HvP4;9-o6dn zXj}jH)>QS}O1<2(@BEklyMC+G=EQd1cYprH&x_lT_KAPGob>mz39TZa(%#e6&t;uc GLK6VPcf>US diff --git a/extension/public/icons/icon-16.png b/extension/public/icons/icon-16.png index 11d020f913642880487402b071630359d3449e38..e39978af23031846b479ede05b33d8561fcd90b9 100644 GIT binary patch delta 117 zcmZ3()XF$PJdclqje&tdO@B@o0|SGPr;B4q#hkZ&yLlNDI9QMR&OLm~Hs%U{{}C3e zjmjUT7VO}j@;d6|!JHJC;yVot{ET@M8m5^PG_&x#XAaHEI_ti&>stW{VzU u&%nU&|NoD_#cvrH7}z{r9K}PJ8SMJe2?uN#M1zvAGcZ46?BPCJ8T#g9t?cg1 w2D=)C8@{YxR$kta-N48uv4PK_w2s~8#;NTS9lzB|gKYJ5W%F}c=akR{0Gon2Qvd(} delta 426 zcmbQkxSe@|c)bD#8v_GFaaGk91_s6)PZ!6K3dT264|*LokU94Mq}A&qnv2!TKR&uR z{lk;cmdfyK*M;HvkLEd5y$+Sw*W8q^=;b&=JUi32XX@Je$(y`ZzI>**)*$Fp_T?o{ ze*ZGfe6dnAY3i5XJF+4Vn@()YY-Mb%x63jVVDW#fwzOK3_dspE(}@}Tt99AfnisEp zyhYxqr1rC*f@hZTf!0$iR2z*7@2%rG;lmKQWd8@7YgWrW3>|JvxyEtVcgx8#!RxIh zJEvAoNNV8iTYK%-g}tWtx;A`07o6DN(XGS$=;Hqit9W#LnN<4hZ*O~>U*NZHLvKe; zq0T&(AfbfIbB+bSEfvX@m#LR>`*+i|WOIa^Ll>i73y0L=nT#Im&VGI|c|ZAy}`P6-o_TV1E~S9OVV2v5fmJ&F0LIWqiTm;Lc!mo#C{F zca<@tsbIjR*_3}Lz;*sxB!A@%lu#>Z0UAFRlptT{#Jww#@iu=Y=<>rxC13=E#GelF{r G5}E)4CQ*9; delta 837 zcmcb^c%E&7c)bA!8v_GFIMdH|1_lPk;vjb?hIQv;UNSH+xTHpSruq6ZXfZG_a4;~o zXELyWlrS(bNHKr_^8!W&X0Qk&1H%F)xU9hfW&|6g@V0pl4+8_!PEQxdkPOzhQU2Li z97O6rrQCbFXl~f;^q_e{<7Sq7Tg>eYJ&IL=lJ|$Zzm&Z=RXpsStU{9fkxQopI}-Uf zu{K7!=1k}2zY$imZU5Bo4Oa^pHri+>gqWGhZJBm#^B2~@e(%&X%V*cf)zp33VAabk z^j+ae{-1uAt4yrgEEO-<`*Q26IQ|7UM5W8E+kf|cQhB-i`OT?UBNYu;7aV)LO~U{5 z$vYnlH|_B_`O5pv?~?`zf(_TVZuEL!Wl;Hswb5qP-6y84?0G?FZN6`M#dtp2Tk^;! zhxswdg)#~&Meb&AJ$IcUk9F_oNu3hYr~ZHU_1gSBB5NuRtWhbrb%jG-^n@_$;s^B% zo$8_y|F>O#adoa*0jnR!f!i`+Imi06Zf{FDS-ti88~c;ahq~CE5@h&i&d?~#kaZDz zt?~4B+UEZTIlEun)M_*dXlprgO1Afr!CK#_y}~R!7D~bz7u}>TY^h4;U}4~##<%>g z(gd|)w^~O9XBq8fhnT}s&b?Uj!J*9}%%_#Te$9zF7d;;~@)WL_!Nngj(efJS`L3kf z>lnnIA2Af+PT}X{*d6=e>yP-r*PA#0wvl}`{c(TqW)?r|>HUExrq9~8SYUV5ZUv<^ znWij?DGp~Mnf5FWn7nBdv(~pGEVp^myjIOPaKunmvvTU;#v{Vj|DsbPI2X>~&240A znWrIp&3}rWzVnCeUAw+`Me)yTKlZ;;tSeNtP%deL!hVhV4@y7RyJWE5>(eT({_&ST XP5k^Hv9A`Upd{_->gTe~DWM4f>Go&J diff --git a/extension/public/icons/icon-64.png b/extension/public/icons/icon-64.png index a2a04161daf007fa688883e689764ec6e22191bf..5ff3f78c34b87d3c72c3e8275150ca8b9138cc48 100644 GIT binary patch literal 287 zcmeAS@N?(olHy`uVBq!ia0y~yU~phyV6fm|V_;zLmH1c0z`*d#)5S5QV$Rzu8+i{o z2)G35o49FTVN`tA9F%cJrkb+=V#13Hi*fYe&3lEwC89#l<+fLJW#mcN_u3#8i9 L)z4*}Q$iB}zSC!b delta 941 zcmbQww2gg&c)bG$8v_Hws?5TB3=9m6#X;^)4C~IxykuZta7m5uO!M_+&|+X<;9y{E z&tzZ$DPdq>kYWG<<^_xl%wQ2l28IPpa9M{1%m_9}p?PFk>d1Gw_o}|0e+t)SDBav=eR5On`J+3ZSIS%OtUh0|{POfAEv<(A3@!0&?(+F; z2WuBSzw7BbB6Eu4j8%i4#8_zAtltto1TCn>lbr@CeW?SHp+?ZK^sH=KP?ESh=r-hR$ z`S!OxX`K+b{q~<-Ub0-u4PG&i3RXC3R{OIE-q^TQrOoSS!TIiO)_<4h^O?o1@oG7A zmr3J*>K(nu+XU|$Y`*;HOzpoHA204b#bw}~xZ0$whVJ$Nc$EInEN*luFt!m6#XB);fS+eWv>-~Q9-@h%f zm-!Zz%pR<;O!1e-vhb{Q-u;Ne$~#l_}8ed*6HDHGHJ@hS+j!Tb*2h2Fw|WC z8m;v5%VZa2za_^vcySs;=XSrG)MM^0u552#c4g6HqiHv9KTa;+_2nMx%dk^^Ntu->Iv< R_!E?MJYD@<);T3K0RRK4jHmzr diff --git a/extension/public/icons/logo.svg b/extension/public/icons/logo.svg index 5abca38..2797afd 100644 --- a/extension/public/icons/logo.svg +++ b/extension/public/icons/logo.svg @@ -1,4 +1,4 @@ - + diff --git a/extension/src/assets/styles.css b/extension/src/assets/styles.css index 35cad50..d50f830 100644 --- a/extension/src/assets/styles.css +++ b/extension/src/assets/styles.css @@ -5,20 +5,20 @@ @tailwind utilities; :root { - --bg-primary: #0c0c0c; - --bg-secondary: #141414; - --bg-tertiary: #1c1c1c; - --bg-card: #161616; - --bg-elevated: #1e1e1e; - --bg-hover: #262626; - --text-primary: #e8e8e3; - --text-secondary: #a1a09a; - --text-tertiary: #6b6a65; + --bg-primary: #18181b; + --bg-secondary: #1e1e22; + --bg-tertiary: #27272a; + --bg-card: #1e1e22; + --bg-elevated: #27272a; + --bg-hover: #2e2e33; + --text-primary: #fafafa; + --text-secondary: #a1a1aa; + --text-tertiary: #71717a; --border: rgba(255, 255, 255, 0.08); --border-strong: rgba(255, 255, 255, 0.14); - --accent: #7aa2f7; - --accent-hover: #9bbcff; - --accent-subtle: rgba(122, 162, 247, 0.14); + --accent: #3b82f6; + --accent-hover: #2563eb; + --accent-subtle: rgba(59, 130, 246, 0.12); --success: #34d399; --warning: #fbbf24; --shadow: 0 1px 3px rgba(0, 0, 0, 0.4); @@ -26,20 +26,20 @@ } .light { - --bg-primary: #fafaf8; + --bg-primary: #fafafa; --bg-secondary: #ffffff; - --bg-tertiary: #f2f2ef; + --bg-tertiary: #f4f4f5; --bg-card: #ffffff; --bg-elevated: #ffffff; - --bg-hover: #eaeae6; - --text-primary: #1a1a18; - --text-secondary: #6b6a65; - --text-tertiary: #a1a09a; + --bg-hover: #f4f4f5; + --text-primary: #18181b; + --text-secondary: #71717a; + --text-tertiary: #a1a1aa; --border: rgba(0, 0, 0, 0.08); --border-strong: rgba(0, 0, 0, 0.14); - --accent: #3b82f6; - --accent-hover: #2563eb; - --accent-subtle: rgba(59, 130, 246, 0.08); + --accent: #2563eb; + --accent-hover: #1d4ed8; + --accent-subtle: rgba(37, 99, 235, 0.08); --shadow: 0 1px 3px rgba(0, 0, 0, 0.06); --shadow-lg: 0 4px 20px rgba(0, 0, 0, 0.08); } diff --git a/extension/src/components/popup/App.tsx b/extension/src/components/popup/App.tsx index 5c27f84..d27ac21 100644 --- a/extension/src/components/popup/App.tsx +++ b/extension/src/components/popup/App.tsx @@ -369,7 +369,7 @@ export function App() { if (loading) { return (
-
+
); } @@ -380,38 +380,42 @@ export function App() { {showSettings && (
- Settings + Settings
-
+
- + setApiUrl(e.target.value)} - className="w-full p-2.5 bg-[var(--bg-card)] border border-[var(--border)] rounded-lg text-sm focus:outline-none focus:border-[var(--accent)]" + className="w-full px-3 py-2 bg-[var(--bg-card)] border border-[var(--border)] rounded-lg text-sm focus:outline-none focus:border-[var(--accent)] focus:ring-2 focus:ring-[var(--accent-subtle)] transition-all" placeholder="https://margin.at" />
- -
+ +
{(['light', 'dark', 'system'] as const).map((t) => ( @@ -439,21 +443,23 @@ export function App() {
)} -
- Margin -

Sign in with AT Protocol

-

- Connect your Bluesky account to annotate, highlight, and bookmark the web. +

+
+ Margin +
+

Welcome to Margin

+

+ Annotate, highlight, and bookmark the web with your AT Protocol identity.

@@ -467,56 +473,68 @@ export function App() { {showSettings && (
- Settings + Settings
-
+
- + setApiUrl(e.target.value)} - className="w-full p-2.5 bg-[var(--bg-card)] border border-[var(--border)] rounded-lg text-sm focus:outline-none focus:border-[var(--accent)]" + className="w-full px-3 py-2 bg-[var(--bg-card)] border border-[var(--border)] rounded-lg text-sm focus:outline-none focus:border-[var(--accent)] focus:ring-2 focus:ring-[var(--accent-subtle)] transition-all" placeholder="https://margin.at" /> -

- Change this for development or self-hosted instances +

+ For development or self-hosted instances

-
+
- -

- Highlights, badges, and tooltips on pages +

Page Overlay
+

+ Show highlights and annotations on pages

- setOverlayEnabled(e.target.checked)} - className="w-5 h-5 rounded accent-[var(--accent)]" - /> +
- -
+ +
{(['light', 'dark', 'system'] as const).map((t) => ( @@ -544,19 +562,29 @@ export function App() {
)} -
-
- Margin - Margin -
+
-
+ Margin + Margin +
+
+
+ +
-
+
{(['page', 'bookmarks', 'highlights', 'collections'] as Tab[]).map((tab) => { const icons: Record = { page: , @@ -591,13 +619,13 @@ export function App() { {activeTab === 'page' && (
-
-
+
+
{currentUrl ? ( { (e.target as HTMLImageElement).style.display = 'none'; (e.target as HTMLImageElement).nextElementSibling?.classList.remove( @@ -607,19 +635,17 @@ export function App() { /> ) : null}
-
- {currentTitle || 'Untitled'} -
-
+
{currentTitle || 'Untitled'}
+
{currentUrl ? new URL(currentUrl).hostname : ''}
-
+
-
-