diff --git a/docs/css/style.css b/docs/css/style.css index 10bf6da..4b0c326 100644 --- a/docs/css/style.css +++ b/docs/css/style.css @@ -16,4 +16,20 @@ canvas#output-image { img[hidden] { display: none; +} + +.history-container { + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 4px; + width: 100%; +} +.history-container .history-item { + -o-object-fit: cover; + object-fit: cover; +} +.history-container .history-item img { + width: 100%; + -o-object-fit: contain; + object-fit: contain; }/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/docs/css/style.css.map b/docs/css/style.css.map index 174fd7a..81e853b 100644 --- a/docs/css/style.css.map +++ b/docs/css/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.scss","style.css"],"names":[],"mappings":"AAAA;EACE,kBAAA;EACA,yBAAA;EACA,qBAAA;EACA,aAAA;ACCF;ADUA;EAEE,gBAAA;EACA,iBAAA;ACTF;;ADYA;EACE,YAAA;EACA,aAAA;ACTF;;ADYA;EACE,aAAA;ACTF","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.scss","style.css"],"names":[],"mappings":"AAAA;EACE,kBAAA;EACA,yBAAA;EACA,qBAAA;EACA,aAAA;ACCF;ADSA;EAEE,gBAAA;EACA,iBAAA;ACRF;;ADWA;EACE,YAAA;EACA,aAAA;ACRF;;ADWA;EACE,aAAA;ACRF;;ADWA;EACE,aAAA;EACA,qCAAA;EACA,QAAA;EACA,WAAA;ACRF;ADSE;EACE,oBAAA;KAAA,iBAAA;ACPJ;ADQI;EACE,WAAA;EACA,sBAAA;KAAA,mBAAA;ACNN","file":"style.css"} \ No newline at end of file diff --git a/docs/css/style.scss b/docs/css/style.scss index 59e12c8..c43c7e8 100644 --- a/docs/css/style.scss +++ b/docs/css/style.scss @@ -10,7 +10,6 @@ // left: 1em; // z-index: -100; } - } img#pasted-image { @@ -26,4 +25,18 @@ canvas#output-image { img[hidden] { display: none; -} \ No newline at end of file +} + +.history-container { + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 4px; + width: 100%; + .history-item { + object-fit: cover; + img { + width: 100%; + object-fit: contain; + } + } +} diff --git a/docs/index.html b/docs/index.html index 4515c5f..5e9e670 100644 --- a/docs/index.html +++ b/docs/index.html @@ -28,85 +28,92 @@

LGTN Generator v0.5.0

-
-
- クリップボードにコピーした画像をペーストしてください。 +
+
+
+
+ クリップボードにコピーした画像をペーストしてください。 +
+
+
+
+ + +
+
+ + +
+
+
+
+ + +
+
+ + +
+
+ + +
+
+ + + +
-
-
-
- - -
-
- - +
+
+

History

+
+
-
-
- - -
-
- - -
-
- - -
-
- - - - -
-

History

-
-
+