refactor: move link_preview styles to link_preview.scss

frappe/public/scss/desk/index.scss

@@ -43,5 +43,6 @@
 @import "role_editor";
 @import "user_profile";
 @import "theme_switcher";
+@import "link_preview";
 @import "quill";
 @import "plyr";

frappe/public/scss/desk/link_preview.scss

@@ -0,0 +1,50 @@
+.link-preview-popover {
+	border-radius: 0;
+	max-width: 100%;
+	.popover-content {
+		padding: 0;
+		.preview-popover-header {
+			padding: var(--padding-md);
+
+			.preview-header {
+				display: inline-block;
+				vertical-align: top;
+			}
+
+			.preview-image {
+				width: 70px;
+				height: 70px;
+				object-fit: cover;
+				margin-right: var(--margin-sm);
+				border-radius: var(--border-radius);
+			}
+
+			.preview-name {
+				display: block;
+			}
+
+			.preview-title {
+				display: block;
+			}
+		}
+
+		hr {
+			margin: 0;
+		}
+
+		.preview-table {
+			padding: var(--padding-md);
+			padding-bottom: var(--padding-xs);
+			max-width: 330px;
+			min-width: 200px;
+			overflow-wrap: break-word;
+
+			.preview-field {
+				padding-bottom: var(--padding-sm);
+				.preview-label {
+					padding-bottom: 4px;
+				}
+			}
+		}
+	}
+}