fix(extension): [LW-11487] broken nft list layout (#1416)

mchappell · web-flow · commit a0a5a43fd371 · 2024-09-10T10:02:08.000+01:00
diff --git a/packages/core/src/ui/components/Nft/NftList.module.scss b/packages/core/src/ui/components/Nft/NftList.module.scss
@@ -2,17 +2,17 @@
 
 .nftList {
   display: grid;
-  &.two-rows {
+  &.2-rows {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
-  &.three-rows {
+  &.3-rows {
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
-  &.four-rows {
+  &.4-rows {
     grid-template-columns: repeat(4, minmax(0, 1fr));
     column-gap: 4px;
   }
-  &.five-rows {
+  &.5-rows {
     grid-template-columns: repeat(5, minmax(0, 1fr));
   }
   @media (max-width: $breakpoint-popup) {

Original file line number	Diff line number	Diff line change
`@@ -2,17 +2,17 @@`
`2`	`2`
`3`	`3`	`.nftList {`
`4`	`4`	`display: grid;`
`5`		`- &.two-rows {`
	`5`	`+ &.2-rows {`
`6`	`6`	`grid-template-columns: repeat(2, minmax(0, 1fr));`
`7`	`7`	`}`
`8`		`- &.three-rows {`
	`8`	`+ &.3-rows {`
`9`	`9`	`grid-template-columns: repeat(3, minmax(0, 1fr));`
`10`	`10`	`}`
`11`		`- &.four-rows {`
	`11`	`+ &.4-rows {`
`12`	`12`	`grid-template-columns: repeat(4, minmax(0, 1fr));`
`13`	`13`	`column-gap: 4px;`
`14`	`14`	`}`
`15`		`- &.five-rows {`
	`15`	`+ &.5-rows {`
`16`	`16`	`grid-template-columns: repeat(5, minmax(0, 1fr));`
`17`	`17`	`}`
`18`	`18`	`@media (max-width: $breakpoint-popup) {`