瀏覽代碼

Make centered on screen

sbkwgh 8 年之前
父節點
當前提交
99d3a41f3a
共有 1 個文件被更改,包括 24 次插入1 次删除
  1. 24 1
      src/components/NotificationButton.vue

+ 24 - 1
src/components/NotificationButton.vue

@@ -337,7 +337,7 @@
 			}
 
 			@at-root #{&}__item {
-				@at-root #{&}--no_border &:last-child {
+				@at-root #{&}--no_border:last-child {
 					border: none;
 				}
 
@@ -458,6 +458,29 @@
 			width: 2.4rem;
 			top: 0.5rem;
 			border-radius: 0.25rem;
+
+			@at-root #{&}__menu_group {
+				left: calc(3.5rem - 100vw);
+				width: calc(100vw - 0.25rem);
+			}
+
+			@at-root #{&}__menu {
+				width: 100%;
+				left: unset;
+
+				@at-root #{&}__empty {
+					font-weight: normal;
+				}
+			}
+
+			@at-root #{&}__small_triangle {
+				left: unset;
+				right: 1.5rem;
+			}
+			@at-root #{&}__big_triangle {
+				left: unset;
+				right: 1.55rem;
+			}
 		}
 	}
 </style>