fix: fix styles

nju33 · May 26, 2019 · 28dc637 · 28dc637
1 parent 578879f
commit 28dc637
Show file tree

Hide file tree

Showing 7 changed files with 10 additions and 1 deletion.
diff --git a/packages/react-dayo/src/mods/components/box.tsx b/packages/react-dayo/src/mods/components/box.tsx
@@ -148,6 +148,10 @@ component.container = styled.div`
     opacity: 0;
     height: 0 !important;
   }
+
+  > div {
+    text-align: center;
+  }
 `;
 
 export default Box;
diff --git a/packages/react-dayo/src/mods/components/queue.tsx b/packages/react-dayo/src/mods/components/queue.tsx
@@ -22,7 +22,7 @@ export const Queue: React.FC<QueueProps> = (props): JSX.Element => {
 Queue.displayName = 'Dayo(Queue)';
 
 component.container = styled.aside`
-  position: fixed;
+  position: absolute;
   font-size: 0.8em;
   display: flex;
   justify-content: flex-start;

diff --git a/packages/react-dayo/src/mods/seed/presets/alerts/error.tsx b/packages/react-dayo/src/mods/seed/presets/alerts/error.tsx
@@ -14,6 +14,7 @@ export const mixin = css`
   border: 1px solid ${GINSYU};
   padding: 0.25em 0.5em;
   margin-top: 0.3em;
+  box-sizing: border-box;
 
   .middle {
     margin: 0 0.5em;

diff --git a/packages/react-dayo/src/mods/seed/presets/alerts/log.tsx b/packages/react-dayo/src/mods/seed/presets/alerts/log.tsx
@@ -14,6 +14,7 @@ export const mixin = css`
   border: 1px solid ${SHIRONEZUMI};
   padding: 0.25em 0.5em;
   margin-top: 0.3em;
+  box-sizing: border-box;
 
   .middle {
     margin: 0 0.5em;

diff --git a/packages/react-dayo/src/mods/seed/presets/alerts/success.tsx b/packages/react-dayo/src/mods/seed/presets/alerts/success.tsx
@@ -14,6 +14,7 @@ export const mixin = css`
   border: 1px solid ${NAE};
   padding: 0.25em 0.5em;
   margin-top: 0.3em;
+  box-sizing: border-box;
 
   .middle {
     margin: 0 0.5em;

diff --git a/packages/react-dayo/src/mods/seed/presets/alerts/warn.tsx b/packages/react-dayo/src/mods/seed/presets/alerts/warn.tsx
@@ -14,6 +14,7 @@ export const mixin = css`
   border: 1px solid ${KUCHIBA};
   padding: 0.25em 0.5em;
   margin-top: 0.3em;
+  box-sizing: border-box;
 
   .middle {
     margin: 0 0.5em;

diff --git a/packages/react-dayo/src/mods/seed/presets/confirms/mixin.ts b/packages/react-dayo/src/mods/seed/presets/confirms/mixin.ts
@@ -7,6 +7,7 @@ export const mixin = css`
   font-size: 0.8em;
   width: 300px;
   margin-top: 0.3em;
+  box-sizing: border-box;
 
   .header,
   .body {