From c6793e5475b607e83cbb55b7d0ddfb9b81bd7774 Mon Sep 17 00:00:00 2001
From: inleft <inleft@qq.com>
Date: Thu, 25 Aug 2022 04:09:06 +0800
Subject: [PATCH] 日志内容详情页多媒体适配 markdown 内图片增加viewer相应
---
src/assets/md.less | 30 ++++++++++++++++++++++--------
1 files changed, 22 insertions(+), 8 deletions(-)
diff --git a/src/assets/md.less b/src/assets/md.less
index 4cce72f..21b696b 100644
--- a/src/assets/md.less
+++ b/src/assets/md.less
@@ -17,15 +17,29 @@
}
}
- img{
- max-width: -webkit-fill-available;
- display: inline;
- box-shadow: 0 0 4px rgba(0,0,0,0.5);
- overflow: visible;
- border-radius: 12px;
+ p{
+ text-indent: 2rem;
+ }
+ img:hover{
+ transform: scale(1.05);
+ //box-shadow: 0 0 4px rgba(0,0,0,0.5);
-webkit-filter: drop-shadow(4px 4px 10px rgba(0,0,0,.5));
filter: drop-shadow(4px 4px 10px rgba(0,0,0,.5));
- }
+ }
+ img{
+ border-radius: 12px;
+ margin: 10px auto;
+ transition: all .5s;
+ }
+ // img{
+ // max-width: -webkit-fill-available;
+ // display: inline;
+ // box-shadow: 0 0 4px rgba(0,0,0,0.5);
+ // overflow: visible;
+ // border-radius: 12px;
+ // -webkit-filter: drop-shadow(4px 4px 10px rgba(0,0,0,.5));
+ // filter: drop-shadow(4px 4px 10px rgba(0,0,0,.5));
+ // }
h1, h2, h3, h4 {
color: #111111;
font-weight: 400;
@@ -161,7 +175,7 @@
}
blockquote {
border-left:.5em solid #cfcfcf;
- padding: 0 0 0 2em;
+ //padding: 0 0 0 2em;
margin-left:0;
}
blockquote cite {
--
Gitblit v1.9.1