diff options
| author | AUTOMATIC <16777216c@gmail.com> | 2023-03-14 06:10:26 +0000 |
|---|---|---|
| committer | AUTOMATIC <16777216c@gmail.com> | 2023-03-14 06:10:26 +0000 |
| commit | c19530f1a590d758463f84523dd4c48c34d723e6 (patch) | |
| tree | 096f701ce58e01e2e0a27f2bfcbd79cc824de6e9 /style.css | |
| parent | dfeee786f903e392dbef1519c7c246b9856ebab3 (diff) | |
| download | stable-diffusion-webui-gfx803-c19530f1a590d758463f84523dd4c48c34d723e6.tar.gz stable-diffusion-webui-gfx803-c19530f1a590d758463f84523dd4c48c34d723e6.tar.bz2 stable-diffusion-webui-gfx803-c19530f1a590d758463f84523dd4c48c34d723e6.zip | |
Add view metadata button for Lora cards.
Diffstat (limited to 'style.css')
| -rw-r--r-- | style.css | 61 |
1 files changed, 61 insertions, 0 deletions
@@ -362,6 +362,46 @@ input[type="range"]{ height: 100%;
}
+.popup-metadata{
+ color: black;
+ background: white;
+ display: inline-block;
+ padding: 1em;
+ white-space: pre-wrap;
+}
+
+.global-popup{
+ display: flex;
+ position: fixed;
+ z-index: 1001;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ overflow: auto;
+ background-color: rgba(20, 20, 20, 0.95);
+}
+
+
+.global-popup-close:before {
+ content: "×";
+}
+
+.global-popup-close{
+ position: fixed;
+ right: 0.25em;
+ top: 0;
+ cursor: pointer;
+ color: white;
+ font-size: 32pt;
+}
+
+.global-popup-inner{
+ display: inline-block;
+ margin: auto;
+ padding: 2em;
+}
+
#lightboxModal{
display: none;
position: fixed;
@@ -837,6 +877,27 @@ footer { margin-left: 0.5em;
}
+
+.extra-network-cards .card .metadata-button:before, .extra-network-thumbs .card .metadata-button:before{
+ content: "🛈";
+}
+.extra-network-cards .card .metadata-button, .extra-network-thumbs .card .metadata-button{
+ display: none;
+ position: absolute;
+ right: 0;
+ color: white;
+ text-shadow: 2px 2px 3px black;
+ padding: 0.25em;
+ font-size: 22pt;
+}
+.extra-network-cards .card:hover .metadata-button, .extra-network-thumbs .card:hover .metadata-button{
+ display: inline-block;
+}
+.extra-network-cards .card .metadata-button:hover, .extra-network-thumbs .card .metadata-button:hover{
+ color: red;
+}
+
+
.extra-network-thumbs {
display: flex;
flex-flow: row wrap;
|