pHqghUme
/
gk_se_web_report
forked from HoangLaoTa/gk_se_web_report
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Style : button-custom

Browse Source
quy_fe
Quy_FE 3 months ago
parent ca037c6267
commit 81205da08c
2 changed files with 13 additions and 7 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 4
      src/_components/boxChart/boxChart.scss
  2. 16
      src/_components/renderIcon/index.js

4
src/_components/boxChart/boxChart.scss
Unescape View File

@ -22,8 +22,8 @@
.doughnut-chart-content {} .doughnut-chart-content {}
.custom-button { .custom-button {
padding: 0 32px; padding: 8px;
height: 40px; height: auto;
border-radius: 20px; border-radius: 20px;
border: none; border: none;
font-size: 16px; font-size: 16px;

16
src/_components/renderIcon/index.js
Unescape View File

@ -139,15 +139,21 @@ export const renderIconSearchInput = () => {
</svg> </svg>
); );
}; };
export const renderIconButton = () => { export const renderIconButton = (width = 24, height = 24) => {
return ( return (
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path stroke-dasharray="20" stroke-dashoffset="20" d="M3 12h17.5"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.2s" values="20;0"/></path><path stroke-dasharray="12" stroke-dashoffset="12" d="M21 12l-7 7M21 12l-7 -7"><animate fill="freeze" attributeName="stroke-dashoffset" begin="0.2s" dur="0.2s" values="12;0"/></path></g></svg> <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24"><g fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path stroke-dasharray="20" stroke-dashoffset="20" d="M3 12h17.5"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.2s" values="20;0"/></path><path stroke-dasharray="12" stroke-dashoffset="12" d="M21 12l-7 7M21 12l-7 -7"><animate fill="freeze" attributeName="stroke-dashoffset" begin="0.2s" dur="0.2s" values="12;0"/></path></g></svg>
) )
} }
export const renderIconButtonLeft = () => { export const renderIconButtonLeft = (width = 24, height = 24) => {
return ( return (
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <svg
xmlns="http://www.w3.org/2000/svg"
width={width}
height={height}
viewBox="0 0 24 24"
preserveAspectRatio="xMidYMid meet"
>
<g fill="none" stroke="#fff" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" transform="rotate(180 12 12)"> <g fill="none" stroke="#fff" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" transform="rotate(180 12 12)">
<path strokeDasharray="20" strokeDashoffset="20" d="M3 12h17.5"> <path strokeDasharray="20" strokeDashoffset="20" d="M3 12h17.5">
<animate fill="freeze" attributeName="stroke-dashoffset" dur="0.2s" values="20;0" /> <animate fill="freeze" attributeName="stroke-dashoffset" dur="0.2s" values="20;0" />
@ -158,7 +164,7 @@ export const renderIconButtonLeft = () => {
</g> </g>
</svg> </svg>
); );
} };
export const renderIconDate = () => ( export const renderIconDate = () => (
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 20 20"> <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 20 20">

Write Preview
Loading…
Cancel
Save