mirror of
https://github.com/BetterSEQTA/BetterSEQTA-Plus.git
synced 2026-06-05 19:24:39 +00:00
feat(AboutPage): improve styles and add image heading
This commit is contained in:
+2
-10
@@ -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)
|
||||||
|
|||||||
@@ -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;
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user