update css label

ethereum · Sep 3, 2024 · 3571d12 · 3571d12
1 parent 8a816fd
commit 3571d12
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/apps/remix-ide/src/app/plugins/templates-selection/templates-selection-plugin.css b/apps/remix-ide/src/app/plugins/templates-selection/templates-selection-plugin.css
@@ -1,5 +1,12 @@
 .TSCellStyle {
-  min-height: 8.5rem;
+  min-height: 9rem;
+  max-width: 13rem;
+  min-width: 13rem;
+  max-height: 8.5rem;
+}
+
+.TSCellStyleShort {
+  min-height: 5rem;
   max-width: 13rem;
   min-width: 13rem;
   max-height: 8.5rem;

diff --git a/apps/remix-ide/src/app/plugins/templates-selection/templates-selection-plugin.tsx b/apps/remix-ide/src/app/plugins/templates-selection/templates-selection-plugin.tsx
@@ -169,14 +169,14 @@ export class TemplatesSelectionPlugin extends ViewPlugin {
                   id={item.name}
                   searchKeywords={[item.displayName, item.description, template.name]}
                   tagList={item.tagList}
-                  classList='TSCellStyle'
+                  classList={'TSCellStyle' + (!item.description ? 'Short' : '')}
                 >
                   <div className='d-flex justify-content-between h-100 flex-column'>
                     <div className='d-flex flex-column'>
                       <div>
                         {item.description && <span className='text-dark'>{item.description}</span>}
                       </div>
-                      <div className='d-flex flex-wrap'>
+                      <div className='d-flex flex-wrap mb-2'>
                         {(item.opts && item.opts.upgradeable && item.opts.upgradeable === 'uupds') && <span className='badgeForCell badge text-secondary'>Upgradeable-UUPS</span>}
                         {(item.opts && item.opts.mintable) && <span className='badgeForCell text-secondary'>mintable</span>}
                         {(item.opts && item.opts.burnable) && <span className='badgeForCell text-secondary'>burnable</span>}