:not(.audio-overlay):not(.copyright-overlay) {
width: 100%;
- height: auto;
- aspect-ratio: 1;
- object-fit: cover;
+ }
+
+ :deep(.image-wrapper) {
+ border-radius: 10px 10px 0px 0px;
+ -webkit-border-radius: 10px 10px 0px 0px;
+ -moz-border-radius: 10px 10px 0px 0px;
+ }
+
+ :deep(.image-wrapper img) {
border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
- margin: 0 auto;
}
.statistics-wrapper {
diff --git a/src/components/core/taxonList/TaxonList.vue b/src/components/core/taxonList/TaxonList.vue
index d7db541f..5ace17a9 100644
--- a/src/components/core/taxonList/TaxonList.vue
+++ b/src/components/core/taxonList/TaxonList.vue
@@ -81,6 +81,8 @@
pageIndex,
loadingObservations,
loadingError,
+ loadingProgress,
+ loadingMessage,
} = taxonManager;
const speciesList = computed(() => searchResult.value.taxons);
@@ -168,6 +170,8 @@
diff --git a/src/components/core/taxonList/TaxonListMessages.vue b/src/components/core/taxonList/TaxonListMessages.vue
index d6ca8d6a..d07130ed 100644
--- a/src/components/core/taxonList/TaxonListMessages.vue
+++ b/src/components/core/taxonList/TaxonListMessages.vue
@@ -1,6 +1,7 @@