-
- {(showExtraInfo || other) && info.description
- ? info.description.length > 40
- ? info.description.substring(0, 40) + '...'
- : info.description
- : info.location?.split(',').slice(-2).join(', ').trim()}
-
-
- {photo} {credit}
-
+
+
+ {(showExtraInfo || other) && info.description
+ ? info.description.length > 40
+ ? info.description.substring(0, 40) + '...'
+ : info.description
+ : info.location?.split(',').slice(-2).join(', ').trim()}
+
+
+ {photo} {credit}
+
+
{info.views && info.downloads !== null ? (
diff --git a/src/components/widgets/background/scss/_photoinformation.scss b/src/components/widgets/background/scss/_photoinformation.scss
index a7a464a0..34e3a0b3 100644
--- a/src/components/widgets/background/scss/_photoinformation.scss
+++ b/src/components/widgets/background/scss/_photoinformation.scss
@@ -358,8 +358,12 @@
line-height: 2em;
margin-right: 3px;
display: flex;
- flex-flow: column;
+ flex-flow: row;
+ align-items: center;
+ gap: 20px;
padding-left: 20px;
+ width: 100%;
+ justify-content: space-between;
a {
@include themed {
@@ -452,10 +456,8 @@
.unsplashStats {
display: flex;
- flex-flow: row;
+ flex-flow: column;
justify-content: space-between;
- gap: 40px;
- margin-right: 40px;
div {
display: flex;
flex-flow: row;
@@ -463,3 +465,8 @@
align-items: center;
}
}
+
+.photoInfomration-text {
+ display: flex;
+ flex-flow: column;
+}
diff --git a/src/modules/constants.js b/src/modules/constants.js
index 36315645..9909cbc3 100644
--- a/src/modules/constants.js
+++ b/src/modules/constants.js
@@ -1,6 +1,5 @@
// API URLs
export const API_URL = 'https://api.muetab.com/v2';
-export const MARKETPLACE_URL = 'https://marketplace.muetab.com';
export const SPONSORS_URL = 'https://sponsors.muetab.com';
export const GITHUB_URL = 'https://api.github.com';
export const DDG_IMAGE_PROXY = 'https://external-content.duckduckgo.com/iu/?u=';
diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss
index b2856322..a76215fe 100644
--- a/src/scss/_variables.scss
+++ b/src/scss/_variables.scss
@@ -120,6 +120,7 @@ $themes: (
font-size: 38px;
font-weight: 600;
margin-bottom: 15px;
+ text-transform: capitalize;
@include themed {
color: t($color);