@@ -43,7 +43,9 @@ export default defineComponent({
notiData.contentStyle.transitionDuration = '0s';
notiData.contentStyle.transform = `translateX(${notiData.wrapWidth}px)`;
requestAnimationFrame(() => {
- startAnimate();
+ requestAnimationFrame(() => {
+ startAnimate();
+ })
});
}, 5 * 1000);
};
@@ -1,10 +1,10 @@
.TheSearch {
- border-radius: 20Px !important;
+ border-radius: 20px !important;
:global {
.n-input-wrapper {
- padding-right: 4Px;
- height: 42Px;
+ padding-right: 4px;
+ height: 42px;
.n-input__input-el {
height: 100%;
@@ -12,8 +12,8 @@
}
.n-button {
- width: 72Px;
- height: 34Px;
+ width: 72px;
+ height: 34px;
opacity: .8;
@@ -6,7 +6,7 @@
.tools {
- padding: 32Px 32Px 20Px 32Px;
+ padding: 32px 32px 20px 32px;
display: flex;
align-items: flex-start;
flex-shrink: 0;
@@ -14,20 +14,30 @@
.n-input {
margin-left: auto;
- width: 361Px;
+ width: 360px;
- .n-button.n-button--disabled{
+
+ .n-button.n-button--disabled {
cursor: initial;
padding: 0;
- .tagWrap{
+ .tagWrap {
flex: 1;
margin-right: 20Px;
- .tags{
+ .tags {
padding: 12px 0;
+ :global {
+ .n-button {
+ height: 37px;
+ padding: 0 24px;
+ font-size: 18px;
+ }
@@ -81,7 +91,7 @@
height: calc(100% - 8Px);
background-color: #C5C5C5;
z-index: 1;
-