Browse Source

Fixed layout for external link icons

maziggy 5 months ago
parent
commit
9504f4fc59

+ 2 - 2
frontend/src/components/AddExternalLinkModal.tsx

@@ -166,7 +166,7 @@ export function AddExternalLinkModal({ link, onClose }: AddExternalLinkModalProp
           <div className="flex items-center gap-3">
           <div className="flex items-center gap-3">
             <div className="p-2 rounded-full bg-bambu-green/20 text-bambu-green">
             <div className="p-2 rounded-full bg-bambu-green/20 text-bambu-green">
               {useCustomIcon && customIconPreview ? (
               {useCustomIcon && customIconPreview ? (
-                <img src={customIconPreview} alt="" className={`w-5 h-5 rounded ${theme === 'dark' ? 'invert brightness-200' : ''}`} />
+                <img src={customIconPreview} alt="" className={`w-5 h-5 rounded ${theme === 'dark' ? 'invert opacity-[0.65]' : 'opacity-60'}`} />
               ) : (
               ) : (
                 <PresetIcon className="w-5 h-5" />
                 <PresetIcon className="w-5 h-5" />
               )}
               )}
@@ -233,7 +233,7 @@ export function AddExternalLinkModal({ link, onClose }: AddExternalLinkModalProp
                 />
                 />
                 {useCustomIcon && customIconPreview ? (
                 {useCustomIcon && customIconPreview ? (
                   <div className="flex items-center gap-2">
                   <div className="flex items-center gap-2">
-                    <img src={customIconPreview} alt="Custom icon" className={`w-8 h-8 rounded border border-bambu-dark-tertiary ${theme === 'dark' ? 'invert brightness-200' : ''}`} />
+                    <img src={customIconPreview} alt="Custom icon" className={`w-8 h-8 rounded border border-bambu-dark-tertiary ${theme === 'dark' ? 'invert opacity-[0.65]' : 'opacity-60'}`} />
                     <button
                     <button
                       type="button"
                       type="button"
                       onClick={handleRemoveCustomIcon}
                       onClick={handleRemoveCustomIcon}

+ 1 - 1
frontend/src/components/Layout.tsx

@@ -359,7 +359,7 @@ export function Layout() {
                         <img
                         <img
                           src={`/api/v1/external-links/${link.id}/icon`}
                           src={`/api/v1/external-links/${link.id}/icon`}
                           alt=""
                           alt=""
-                          className={`w-5 h-5 flex-shrink-0 ${theme === 'dark' ? 'invert brightness-200' : ''}`}
+                          className={`w-5 h-5 flex-shrink-0 ${theme === 'dark' ? 'invert opacity-[0.65]' : 'opacity-60'}`}
                         />
                         />
                       ) : (
                       ) : (
                         LinkIcon && <LinkIcon className="w-5 h-5 flex-shrink-0" />
                         LinkIcon && <LinkIcon className="w-5 h-5 flex-shrink-0" />

File diff suppressed because it is too large
+ 0 - 0
icons/27ca5e207eb045a7949048ab41fda285.svg


File diff suppressed because it is too large
+ 0 - 0
icons/7a3afd1aa53c47e38ea7e55356403f99.svg


File diff suppressed because it is too large
+ 0 - 0
static/assets/index-BYZOEJWU.css


File diff suppressed because it is too large
+ 0 - 0
static/assets/index-CJcx4PLI.js


+ 2 - 2
static/index.html

@@ -7,8 +7,8 @@
     <link rel="icon" type="image/png" sizes="32x32" href="/img/favicon-32x32.png" />
     <link rel="icon" type="image/png" sizes="32x32" href="/img/favicon-32x32.png" />
     <link rel="icon" type="image/png" sizes="16x16" href="/img/favicon-16x16.png" />
     <link rel="icon" type="image/png" sizes="16x16" href="/img/favicon-16x16.png" />
     <link rel="apple-touch-icon" sizes="180x180" href="/img/apple-touch-icon.png" />
     <link rel="apple-touch-icon" sizes="180x180" href="/img/apple-touch-icon.png" />
-    <script type="module" crossorigin src="/assets/index-iXqNZkoR.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-BDGCrNHI.css">
+    <script type="module" crossorigin src="/assets/index-CJcx4PLI.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-BYZOEJWU.css">
   </head>
   </head>
   <body>
   <body>
     <div id="root"></div>
     <div id="root"></div>

Some files were not shown because too many files changed in this diff