Add version function and fix multiple visual bugs, fix styling

This commit is contained in:
GayLord
2024-10-24 20:34:37 +02:00
parent 037f929a8c
commit aab96e73c5
3 changed files with 86 additions and 24 deletions

View File

@@ -191,7 +191,7 @@
--color-text-light-2: #457636;
--color-text-light-3: #234519;
--color-footer: #000000;
--color-timeline: #343c44;
--color-timeline: #3ca81e;
--color-input-text: var(--color-text-dark);
--color-input-background: #000000;
--color-input-toggle-background: #11210c;
@@ -239,20 +239,44 @@
}
.full {
position: relative
position: relative;
z-index: 2;
}
#activity-feed.flex-list .flex-item {
border: 1px solid var(--color-secondary);
border-radius: var(--border-radius);
background: var(--color-box-body);
margin: 10px;
padding: 10px;
box-shadow: rgba(102, 255, 102, 0.1) 0px 1px 0px, rgba(102, 255, 102, 0.1) 0px 8px 24px, rgba(102, 255, 102, 0.1) 0px 16px 48px;
}
.divider + .flex-list > .flex-item:first-child {
padding-top: 10px;
}
.ui.input {
animation: glow 800ms ease-out infinite alternate;
}
.timeline-item.event {
border: 1px solid var(--color-secondary);
border-radius: var(--border-radius);
background: var(--color-box-body);
margin: 10px;
}
@keyframes glow {
0% {
border-color: #393;
border-color: #339933;
box-shadow: 0 0 5px rgba(0,255,0,.2), inset 0 0 5px rgba(0,255,0,.1), 0 2px 0 #000;
}
100% {
border-color: #6f6;
border-color: rgb(102, 255, 102);
box-shadow: 0 0 20px rgba(0,255,0,.6), inset 0 0 10px rgba(0,255,0,.4), 0 2px 0 #000;
}
}