fixes

Author: DerGoogler

docs/components/repository/ModuleItem.vue

@@ -29,7 +29,7 @@ const getLastUpdated = () => {
   <VPLink decoration="none" :href="'repository/' + params.name + '/' + module.id">
     <div :class="$style.feature">
       <article>
-        <img v-if="module.cover" :style="{ borderRadius: '12px 12px 0px 0px' }" :src="module.cover" />
+        <img v-if="module.cover" :class="$style.moduleCover" :src="module.cover" />
         <article :class="$style.box">
           <h2 :class="$style.title" :id="module.id">{{ module.name }}</h2>
           <span :class="$style.author">{{ module.version }} ({{ module.versionCode }}) by {{ module.author }}</span>
@@ -135,6 +135,13 @@ const getLastUpdated = () => {
   color: var(--vp-c-text-2);
 }
 
+.moduleCover {
+  border-radius: 12px 12px 0px 0px;
+  width: 100%;
+  height: 100%;
+  aspect-ratio: 2.048;
+}
+
 .moduleMeta {
   align-items: center;
   align-self: end;

docs/components/repository/RepoHeader.vue

@@ -32,6 +32,7 @@ defineProps(["repo"]);
   width: 100%;
   margin-bottom: 16px;
   border-radius: 16px;
+  aspect-ratio: 2.048;
 }
 
 .repoTitle {