rixty/SillyTavern
1
0
Fork 0
mirror of https://github.com/SillyTavern/SillyTavern.git synced 2025-06-05 21:59:27 +02:00
Code Issues Packages Projects Releases Wiki Activity

style fix for tags

Browse Source
This commit is contained in:
RossAscends
2023-04-28 05:19:43 +09:00
parent 0295ca67d3
commit 52079f08a2
2 changed files with 50 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
public/scripts/tags.js
View File

@@ -10,6 +10,16 @@ export {
}; };
const TAG_COLORS = [ const TAG_COLORS = [
"",
/*
"#990099", //--tag-pink
"#996600", //--tag-orange
"#999900", //--tag-yellow
"#009966", //--tag-green
"#006699", // --tag-blue
"#660099", //--tag-purple
"#dd0a36", // Red "#dd0a36", // Red
"#ff6633", // Orange "#ff6633", // Orange
"#5f9ea0", // Teal Green "#5f9ea0", // Teal Green
@@ -36,7 +46,7 @@ const TAG_COLORS = [
"#ffe9f3", // Sand RGBA "#ffe9f3", // Sand RGBA
"#333366", // Violet "#333366", // Violet
"#993333", // Red Violet "#993333", // Red Violet
"#3399ff", // Sky Blue "#3399ff", // Sky Blue */
]; ];
const random_id = () => Math.round(Date.now() * Math.random()).toString(); const random_id = () => Math.round(Date.now() * Math.random()).toString();

18
public/style.css
View File

@@ -2322,19 +2322,22 @@ h5 {
border-style: solid; border-style: solid;
border-width: 1px; border-width: 1px;
box-sizing: border-box; box-sizing: border-box;
border-color: var(--black30a); color: var(--SmartThemeQuoteColor);
background-color: var(--black30a);
border-color: var(--white30a);
padding: 0.2rem 0.3rem; padding: 0.2rem 0.3rem;
font-size: calc(var(--mainFontSize) + 5%); font-size: calc(var(--mainFontSize) - 5%);
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
gap: 10px; gap: 10px;
width: fit-content; width: fit-content;
text-shadow: none !important;
} }
.tag.selected { .tag.selected {
font-weight: 500;
filter: brightness(125%); border-color: var(--white70a);
} }
.tag_remove { .tag_remove {
@@ -2342,13 +2345,18 @@ h5 {
} }
.tags { .tags {
margin: 10px 0; margin: 10px 0;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: flex-start; justify-content: flex-start;
column-gap: 1rem; /*column-gap: 1rem;
row-gap: 0.5rem; row-gap: 0.5rem;
*/
column-gap: 0.4rem;
row-gap: 0.4rem;
} }
#rm_tag_filter { #rm_tag_filter {