fix: image scrollbar (#494)

pull/495/head
boojack 3 years ago committed by GitHub
parent 477130aa85
commit 9036bd478b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

@ -1,11 +1,8 @@
.image-container {
width: 200px;
height: auto;
overflow-y: scroll;
cursor: pointer;
@apply hide-scrollbar;
-webkit-tap-highlight-color: transparent;
> img {
@apply m-auto w-full h-auto;
@apply w-full h-auto;
}
}

@ -5,10 +5,10 @@
@apply w-full flex mt-2 pb-1;
> .memo-img {
@apply w-auto h-auto shrink-0 grow-0;
@apply w-auto h-auto shrink-0 grow-0 cursor-pointer;
> img {
@apply rounded;
@apply rounded hover:shadow;
}
}
@ -16,7 +16,7 @@
@apply flex-row justify-start items-start overflow-x-auto overflow-y-hidden;
> .memo-img {
@apply mr-2 last:mr-0;
@apply max-w-xs h-auto mr-2 last:mr-0;
> img {
@apply w-auto max-h-40;
@ -28,10 +28,10 @@
@apply flex-col justify-start items-start;
> .memo-img {
@apply w-full h-auto shrink-0 mb-2 last:mb-0 hide-scrollbar;
@apply w-full h-auto mb-2 last:mb-0;
> img {
@apply w-full h-auto;
@apply w-full h-auto shadow;
}
}
}

@ -76,7 +76,7 @@
}
> .usage-text {
@apply -mt-1 text-sm font-normal text-gray-400;
@apply -mt-1 text-sm text-gray-400;
}
}

@ -6,7 +6,7 @@ import "./i18n";
import "./helpers/polyfill";
import "highlight.js/styles/github.css";
import "./less/global.less";
import "./css/index.css";
import "./css/tailwind.css";
const container = document.getElementById("root");
const root = createRoot(container as HTMLElement);

Loading…
Cancel
Save