瀏覽代碼

refactor: worked on buttons with addons styling

Kristian Vos 3 年之前
父節點
當前提交
6799920edb
共有 2 個文件被更改,包括 31 次插入0 次删除
  1. 18 0
      frontend/src/App.vue
  2. 13 0
      frontend/src/components/modals/EditSong/index.vue

+ 18 - 0
frontend/src/App.vue

@@ -1293,6 +1293,24 @@ button.delete:focus {
 
 	&.has-addons {
 		display: flex;
+
+		.button {
+			border-radius: 0;
+			margin-right: -1px;
+
+			&:last-child {
+				border-radius: 0 3px 3px 0;
+				padding-left: 10px;
+			}
+		}
+
+		.input {
+			margin-right: -1px;
+
+			&:first-child {
+				border-radius: 3px 0 0 3px;
+			}
+		}
 	}
 }
 

+ 13 - 0
frontend/src/components/modals/EditSong/index.vue

@@ -1618,6 +1618,19 @@ export default {
 		background: var(--dark-grey) !important;
 		color: var(--white) !important;
 	}
+
+	.left-section {
+		.edit-section {
+			.album-get-button,
+			.duration-fill-button,
+			.add-button {
+				&:focus,
+				&:hover {
+					border: none !important;
+				}
+			}
+		}
+	}
 }
 
 .modal-card-body {