mirror of
https://github.com/SillyTavern/SillyTavern.git
synced 2025-06-05 21:59:27 +02:00
style fix for tags
This commit is contained in:
@@ -10,6 +10,16 @@ export {
|
||||
};
|
||||
|
||||
const TAG_COLORS = [
|
||||
|
||||
"",
|
||||
/*
|
||||
"#990099", //--tag-pink
|
||||
"#996600", //--tag-orange
|
||||
"#999900", //--tag-yellow
|
||||
"#009966", //--tag-green
|
||||
"#006699", // --tag-blue
|
||||
"#660099", //--tag-purple
|
||||
|
||||
"#dd0a36", // Red
|
||||
"#ff6633", // Orange
|
||||
"#5f9ea0", // Teal Green
|
||||
@@ -36,7 +46,7 @@ const TAG_COLORS = [
|
||||
"#ffe9f3", // Sand RGBA
|
||||
"#333366", // Violet
|
||||
"#993333", // Red Violet
|
||||
"#3399ff", // Sky Blue
|
||||
"#3399ff", // Sky Blue */
|
||||
];
|
||||
|
||||
const random_id = () => Math.round(Date.now() * Math.random()).toString();
|
||||
|
@@ -2322,19 +2322,22 @@ h5 {
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
box-sizing: border-box;
|
||||
border-color: var(--black30a);
|
||||
color: var(--SmartThemeQuoteColor);
|
||||
background-color: var(--black30a);
|
||||
border-color: var(--white30a);
|
||||
padding: 0.2rem 0.3rem;
|
||||
font-size: calc(var(--mainFontSize) + 5%);
|
||||
font-size: calc(var(--mainFontSize) - 5%);
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
width: fit-content;
|
||||
text-shadow: none !important;
|
||||
}
|
||||
|
||||
.tag.selected {
|
||||
font-weight: 500;
|
||||
filter: brightness(125%);
|
||||
|
||||
border-color: var(--white70a);
|
||||
}
|
||||
|
||||
.tag_remove {
|
||||
@@ -2342,13 +2345,18 @@ h5 {
|
||||
}
|
||||
|
||||
.tags {
|
||||
|
||||
margin: 10px 0;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
justify-content: flex-start;
|
||||
column-gap: 1rem;
|
||||
/*column-gap: 1rem;
|
||||
row-gap: 0.5rem;
|
||||
*/
|
||||
column-gap: 0.4rem;
|
||||
row-gap: 0.4rem;
|
||||
|
||||
}
|
||||
|
||||
#rm_tag_filter {
|
||||
|
Reference in New Issue
Block a user