chore: small changes
This commit is contained in:
@@ -230,11 +230,10 @@ export default class Resources extends Tool {
|
|||||||
const imageState = getState('image', imageData.length)
|
const imageState = getState('image', imageData.length)
|
||||||
let imageDataHtml = '<li>Empty</li>'
|
let imageDataHtml = '<li>Empty</li>'
|
||||||
if (!isEmpty(imageData)) {
|
if (!isEmpty(imageData)) {
|
||||||
|
// prettier-ignore
|
||||||
imageDataHtml = map(imageData, (image) => {
|
imageDataHtml = map(imageData, (image) => {
|
||||||
return `<li class="${c('image')}">
|
return `<li class="${c('image')}">
|
||||||
<img src="${escape(image)}" data-exclude="true" class="${c(
|
<img src="${escape(image)}" data-exclude="true" class="${c('img-link')}"/>
|
||||||
'img-link'
|
|
||||||
)}"/>
|
|
||||||
</li>`
|
</li>`
|
||||||
}).join('')
|
}).join('')
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -56,12 +56,19 @@
|
|||||||
font-size: $font-size-s;
|
font-size: $font-size-s;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
padding: $padding !important;
|
padding-left: $padding;
|
||||||
@include clear-float();
|
padding-top: $padding;
|
||||||
|
&::after {
|
||||||
|
content: '';
|
||||||
|
flex-grow: 1000;
|
||||||
|
}
|
||||||
li {
|
li {
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
overflow-y: hidden;
|
overflow-y: hidden;
|
||||||
|
margin-right: $padding;
|
||||||
|
margin-bottom: $padding;
|
||||||
|
border: 1px solid var(--border);
|
||||||
&.image {
|
&.image {
|
||||||
height: 100px;
|
height: 100px;
|
||||||
font-size: 0;
|
font-size: 0;
|
||||||
|
|||||||
Reference in New Issue
Block a user