CSS fixes

getkirby · Apr 30, 2024 · 06633ca · 06633ca
1 parent e978bd8
commit 06633ca
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 1 deletion.
diff --git a/panel/src/components/Dialogs/Elements/UploadPreview.vue b/panel/src/components/Dialogs/Elements/UploadPreview.vue
@@ -1,5 +1,5 @@
 <template>
-	<a :href="url" class="k-upload-item-preview" target="_blank">
+	<a :href="url" target="_blank">
 		<k-image v-if="isPreviewable" :cover="true" :src="url" back="pattern" />
 		<k-icon-frame
 			v-else

diff --git a/panel/src/components/Dialogs/UploadDialog.vue b/panel/src/components/Dialogs/UploadDialog.vue
@@ -30,6 +30,7 @@
 						:mime="file.type"
 						:url="file.url"
 						color="white"
+						class="k-upload-item-preview"
 					/>
 
 					<k-input
@@ -158,6 +159,7 @@ export default {
 	grid-area: input;
 	font-size: var(--text-sm);
 	border-bottom: 1px solid var(--color-light);
+	border-start-end-radius: var(--rounded);
 }
 .k-upload-item-input.k-input:focus-within {
 	outline: 2px solid var(--color-focus);

diff --git a/panel/src/components/Dialogs/UploadReplaceDialog.vue b/panel/src/components/Dialogs/UploadReplaceDialog.vue
@@ -29,6 +29,7 @@
 					:icon="original.image?.icon"
 					:url="file.url"
 					:mime="file.type"
+					class="k-upload-item-preview"
 				/>
 
 				<k-input
@@ -108,6 +109,10 @@ export default {
 	overflow: hidden;
 }
 
+.k-upload-item-input {
+	--input-color-back: var(--color-white) !important;
+}
+
 .k-upload-replace-dialog .k-upload-item {
 	flex-grow: 1;
 }