diff --git a/scripts/tags/copy.js b/scripts/tags/copy.js
index 3e93d0f..2f49273 100644
--- a/scripts/tags/copy.js
+++ b/scripts/tags/copy.js
@@ -32,19 +32,17 @@ hexo.extend.tag.register('copy', function(args) {
}
var el = '';
- el += '
';
-
- el += '
';
+
el += '
';
el += '
';
- el += '
';
el += '
';
return el;
diff --git a/source/css/_layout/tag-plugins/copy.styl b/source/css/_layout/tag-plugins/copy.styl
index e95c3ee..6b9a7c3 100644
--- a/source/css/_layout/tag-plugins/copy.styl
+++ b/source/css/_layout/tag-plugins/copy.styl
@@ -1,17 +1,18 @@
.md .tag-plugin.copy
display: flex
- .link-box
- background: var(--block)
- border-radius: $border-block
- border: 1px solid var(--block-border)
- overflow: hidden
- max-width: 100%
- display: flex
- width: 320px
- &[width='max']
- width: 100%
- @media screen and (max-width: $device-mobile-425)
- min-width: 100%
+ justify-content: space-between
+ box-sizing: border-box
+ background: var(--block)
+ border-radius: $border-block
+ border: 1px solid var(--block-border)
+ overflow: hidden
+ width: 320px
+ max-width: 100%
+ &[width='max']
+ width: 100%
+ @media screen and (max-width: $device-mobile-425)
+ min-width: 100%
+
input.copy-area
display: inline-block
padding: 1em
@@ -23,7 +24,6 @@
display: inline-block
background: var(--block-hover)
line-height: 0
- height: 100%
font-size: 1rem
padding: 0.5rem 1rem
color: var(--text-p2)
diff --git a/source/css/_layout/tag-plugins/timeline.styl b/source/css/_layout/tag-plugins/timeline.styl
index d6050e8..db9109b 100644
--- a/source/css/_layout/tag-plugins/timeline.styl
+++ b/source/css/_layout/tag-plugins/timeline.styl
@@ -66,3 +66,5 @@
display: none
p,.highlight,ol,ul,.tag-plugin
margin: .5rem 0
+ .tag-plugin.copy
+ width: 240px