Revert "style: link underlines"

This reverts commit 46d97d49a2298c1b8c1537ef1ed3eff376b49285.

packages/client/src/components/MkUrlPreview.vue

@@ -196,7 +196,6 @@ onUnmounted(() => {
 	> a {
 		display: flex;
 		transition: background 0.2s;
-		text-decoration: none;
 		> div:first-child:not(:last-child) {
 			position: relative;
 			width: 90px;
@@ -278,7 +277,7 @@ onUnmounted(() => {
 		&:focus,
 		&:focus-within {
 			background: var(--panelHighlight);
-			h3 {
+			h1 {
 				text-decoration: underline;
 			}
 		}

packages/client/src/components/global/MkUrl.vue

@@ -80,8 +80,6 @@ const target = self ? null : "_blank";
 	display: inline-block;
 	overflow: clip;
 	text-overflow: ellipsis;
-	text-decoration: none !important;
-	line-height: 1.05;
 
 	> .icon {
 		padding-left: 2px;

packages/client/src/components/mfm.ts

@@ -409,7 +409,6 @@ export default defineComponent({
 										key: Math.random(),
 										to: `/tags/${encodeURIComponent(token.props.hashtag)}`,
 										style: "color:var(--hashtag);",
-										class: "_link",
 									},
 									`#${token.props.hashtag}`,
 								),

packages/client/src/style.scss

@@ -145,9 +145,6 @@ a {
 	cursor: pointer;
 	color: inherit;
 	-webkit-tap-highlight-color: transparent;
-	&:hover {
-		text-decoration: underline;
-	}
 }
 
 // i {
@@ -232,7 +229,6 @@ hr {
 	font-size: 1em;
 	font-family: inherit;
 	line-height: inherit;
-	text-decoration: none;
 
 	&,
 	* {
@@ -632,22 +628,18 @@ hr {
 ._link {
 	position: relative;
 	color: var(--link);
-	text-decoration: none !important;
 
-	&::before, &::after {
+	&:after {
 		content: "";
 		position: absolute;
 		bottom: 0;
 		left: 0;
 		width: 0%;
-		border-bottom: 1px solid var(--link);
+		border-bottom: 2px solid var(--link);
 		transition: 0.3s ease-in-out;
 	}
-	&::before {
-		width: 100%;
-		opacity: .4;
-	}
-	&:hover:after, &:focus:after {
+
+	&:hover:after {
 		width: 100%;
 	}
 }