feat(AboutPage): improve styles and add image heading

This commit is contained in:
sethburkart123
2024-10-07 16:03:07 +11:00
parent a8987b5a7b
commit 6153861f54
2 changed files with 10 additions and 10 deletions
+2 -10
View File
@@ -364,16 +364,10 @@ export function OpenAboutPage() {
</div>` </div>`
).firstChild ).firstChild
let imagecont = document.createElement('div')
imagecont.classList.add('whatsnewImgContainer')
let textcontainer = document.createElement('div')
textcontainer.classList.add('whatsnewTextContainer')
let text = stringToHTML( let text = stringToHTML(
/* html */ ` /* html */ `
<div class="whatsnewTextContainer" style="height: 50%;overflow-y: scroll;"> <div class="whatsnewTextContainer" style="overflow-y: scroll;">
<img src="${settingsState.DarkMode ? 'https://raw.githubusercontent.com/BetterSEQTA/BetterSEQTA-Plus/main/src/resources/branding/dark.jpg' : 'https://raw.githubusercontent.com/BetterSEQTA/BetterSEQTA-Plus/main/src/resources/branding/light.jpg'}" class="whatsnewImgContainer" /> <img src="${settingsState.DarkMode ? 'https://raw.githubusercontent.com/BetterSEQTA/BetterSEQTA-Plus/svelte/src/resources/branding/dark.jpg' : 'https://raw.githubusercontent.com/BetterSEQTA/BetterSEQTA-Plus/svelte/src/resources/branding/light.jpg'}" class="aboutImg" />
<p>BetterSEQTA+ is a fork of BetterSEQTA which was originally developed by Nulkem, which was discontinued. BetterSEQTA+ continued development of BetterSEQTA, while incorporating a plethora of features. </p> <p>BetterSEQTA+ is a fork of BetterSEQTA which was originally developed by Nulkem, which was discontinued. BetterSEQTA+ continued development of BetterSEQTA, while incorporating a plethora of features. </p>
<p>We are currently working on fixing bugs and adding good features. If you want to make a feature request or report a bug, you can do so on GitHub (find icon below).</p> <p>We are currently working on fixing bugs and adding good features. If you want to make a feature request or report a bug, you can do so on GitHub (find icon below).</p>
@@ -406,8 +400,6 @@ export function OpenAboutPage() {
exitbutton.id = 'whatsnewclosebutton' exitbutton.id = 'whatsnewclosebutton'
container.append(header) container.append(header)
container.append(imagecont)
container.append(textcontainer)
container.append(text as ChildNode) container.append(text as ChildNode)
container.append(footer as ChildNode) container.append(footer as ChildNode)
container.append(exitbutton) container.append(exitbutton)
+8
View File
@@ -3070,3 +3070,11 @@ li.MessageList__unread___3imtO {
padding-left: 0px; padding-left: 0px;
padding-bottom: 8px; padding-bottom: 8px;
} }
.whatsnewTextContainer img {
width: 100%;
border-radius: 12px;
aspect-ratio: 16/9;
object-fit: cover;
margin-bottom: 12px;
}