adding css file

lint
pull/5042/head
lianahus 4 months ago committed by Aniket
parent 7912c25d8d
commit 4910888aeb
  1. 12
      apps/remix-ide/src/app/plugins/templates-selection/templates-selection-plugin.css
  2. 4
      apps/remix-ide/src/app/plugins/templates-selection/templates-selection-plugin.tsx

@ -0,0 +1,12 @@
.TSCellStyle {
min-height: 6.5rem;
max-width: 10rem;
min-width: 11.5rem;
max-height: 5rem;
}
.badgeForCell {
max-width: fit-content;
padding-right: 0.5rem;
font-size: smaller;
}

@ -167,13 +167,13 @@ export class TemplatesSelectionPlugin extends ViewPlugin {
>
<div className='d-flex justify-content-between h-100 flex-column'>
<div className='d-flex flex-column'>
<CustomTooltip
<CustomTooltip
placement="auto"
tooltipId={`overlay-tooltip-new${item.displayName}`}
tooltipText={item.displayName}
>
<span className='text-truncate overflow-hidden whitespace-nowrap'>{item.displayName}</span>
</CustomTooltip>
</CustomTooltip>
<div className='d-flex flex-wrap'>
{(item.opts && item.opts.upgradeable && item.opts.upgradeable === 'uups') && <span className='badgeForCell badge text-secondary'>Upgradeable-UUPS</span>}
{(item.opts && item.opts.mintable) && <span className='badgeForCell text-secondary'>mintable</span>}

Loading…
Cancel
Save