diff options
| author | 0neGal <mail@0negal.com> | 2023-01-13 00:00:14 +0100 |
|---|---|---|
| committer | 0neGal <mail@0negal.com> | 2023-01-13 00:00:14 +0100 |
| commit | 72c3c54dbf24819072fc38eaf552b5870d6bbe57 (patch) | |
| tree | 582e5a11e5a8c77be295d146e5a858091f0f56f9 /src/app | |
| parent | 876962e00c1df15f3116ef552a6a2be456526dfc (diff) | |
| download | Viper-72c3c54dbf24819072fc38eaf552b5870d6bbe57.tar.gz Viper-72c3c54dbf24819072fc38eaf552b5870d6bbe57.zip | |
work in progress redesign for release notes
Diffstat (limited to 'src/app')
| -rw-r--r-- | src/app/css/launcher.css | 9 | ||||
| -rw-r--r-- | src/app/launcher.js | 8 | ||||
| -rw-r--r-- | src/app/main.css | 2 |
3 files changed, 17 insertions, 2 deletions
diff --git a/src/app/css/launcher.css b/src/app/css/launcher.css index ce54ddf..6e7b578 100644 --- a/src/app/css/launcher.css +++ b/src/app/css/launcher.css @@ -151,6 +151,15 @@ pointer-events: none; } +.section .release-block { + margin-top: 0px; + border-radius: 5px; + background: var(--bg); + padding: var(--padding); + backdrop-filter: blur(15px); + margin-bottom: var(--padding); +} + .contentBody img {max-width: 100%} .contentBody .img {text-align: center} diff --git a/src/app/launcher.js b/src/app/launcher.js index e1dbbe0..919111f 100644 --- a/src/app/launcher.js +++ b/src/app/launcher.js @@ -31,12 +31,18 @@ function formatRelease(notes) { } else { for (let release of notes) { if (release.prerelease) {continue} - content += "# " + release.name + "\n\n" + release.body + "\n\n\n"; + let new_content = "# " + release.name + "\n\n" + release.body + "\n\n\n"; + content += + "<div class='release-block'>\n" + + markdown(new_content, {breaks: true}) + "\n" + + "</div>"; } content = content.replaceAll(/\@(\S+)/g, `<a href="https://github.com/$1">@$1</a>`); } + console.log(markdown(content, {breaks: true})) + return markdown(content, { breaks: true }); diff --git a/src/app/main.css b/src/app/main.css index f39c5a1..2750094 100644 --- a/src/app/main.css +++ b/src/app/main.css @@ -27,7 +27,7 @@ button { button:hover {filter: brightness(110%)} button:active {filter: brightness(90%)} -.popup, #modsdiv { +.popup, #modsdiv, .release-block { outline: 1px solid #444444; border: 3px solid var(--bg); } |