diff --git a/src/components/domains/index.tsx b/src/components/domains/index.tsx index fabecef50..b2ac50fcf 100644 --- a/src/components/domains/index.tsx +++ b/src/components/domains/index.tsx @@ -22,7 +22,7 @@ import { MyDomainsCard } from './MyDomains' import { DomainDetails, UnamesLearnMoreLink } from './utils' const tabs = ['register', 'manage'] as const -type TabKey = typeof tabs[number] +type TabKey = (typeof tabs)[number] const getTabKey = (tab: TabKey) => tab const DomainMarketSection = ({ promoCode }: DomainServerProps) => { @@ -160,13 +160,14 @@ export const DomainRegisterPage = ({ promoCode }: DomainServerProps) => { image: '/images/dotsama-domains-preview.jpg', }} rightPanel={ -
+
{rightPanelContent}
} > Here you can register a .sub or .polka username. Your username will be function as a diff --git a/src/components/domains/utils.tsx b/src/components/domains/utils.tsx index 439a971d9..98e8d1db2 100644 --- a/src/components/domains/utils.tsx +++ b/src/components/domains/utils.tsx @@ -82,7 +82,7 @@ export const UnamesLearnMoreLink = ({ className, ...props }: HTMLProps - Learn More + Learn More ) } diff --git a/src/styles/antd.css b/src/styles/antd.css index a948fe408..f4597c892 100644 --- a/src/styles/antd.css +++ b/src/styles/antd.css @@ -3405,13 +3405,19 @@ html { .ant-select-rtl.ant-select-single:not(.ant-select-customize-input) .ant-select-selector { padding: 0 11px; } -.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow +.ant-select-rtl.ant-select-single.ant-select-sm:not( + .ant-select-customize-input + ).ant-select-show-arrow .ant-select-selection-search { right: 0; } -.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow +.ant-select-rtl.ant-select-single.ant-select-sm:not( + .ant-select-customize-input + ).ant-select-show-arrow .ant-select-selection-item, -.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow +.ant-select-rtl.ant-select-single.ant-select-sm:not( + .ant-select-customize-input + ).ant-select-show-arrow .ant-select-selection-placeholder { padding-right: 0; padding-left: 21px; @@ -9304,7 +9310,9 @@ span.ant-radio + * { border-right-width: 0; border-left-width: 1px; } -.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:not(:first-child)::before { +.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:not( + :first-child + )::before { right: -1px; left: 0; } @@ -9312,7 +9320,9 @@ span.ant-radio + * { border-right: 1px solid #d9d9d9; border-radius: 0 2px 2px 0; } -.ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']).ant-radio-button-wrapper:first-child { +.ant-radio-button-wrapper-checked:not( + [class*=' ant-radio-button-wrapper-disabled'] + ).ant-radio-button-wrapper:first-child { border-right-color: #f759ab; } .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:last-child { @@ -9547,7 +9557,9 @@ span.ant-radio + * { transition: background 0.3s, border 0.3s; } .ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner, -.ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) +.ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not( + .ant-picker-cell-range-end + ):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner { background: #f5f5f5; } @@ -9574,7 +9586,9 @@ span.ant-radio + * { color: #fff; background: #eb2f96; } -.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single)::before, +.ant-picker-cell-in-view.ant-picker-cell-range-start:not( + .ant-picker-cell-range-start-single + )::before, .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single)::before { background: #fff0f6; } @@ -9584,8 +9598,12 @@ span.ant-radio + * { .ant-picker-cell-in-view.ant-picker-cell-range-end::before { right: 50%; } -.ant-picker-cell-in-view.ant-picker-cell-range-hover-start:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after, -.ant-picker-cell-in-view.ant-picker-cell-range-hover-end:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after, +.ant-picker-cell-in-view.ant-picker-cell-range-hover-start:not(.ant-picker-cell-in-range):not( + .ant-picker-cell-range-start + ):not(.ant-picker-cell-range-end)::after, +.ant-picker-cell-in-view.ant-picker-cell-range-hover-end:not(.ant-picker-cell-in-range):not( + .ant-picker-cell-range-start + ):not(.ant-picker-cell-range-end)::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start-single::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-end-single::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-in-range)::after { @@ -9608,8 +9626,12 @@ span.ant-radio + * { .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover::before, .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-hover::before, .ant-picker-cell-in-view.ant-picker-cell-range-end.ant-picker-cell-range-hover::before, -.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single).ant-picker-cell-range-hover-start::before, -.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single).ant-picker-cell-range-hover-end::before, +.ant-picker-cell-in-view.ant-picker-cell-range-start:not( + .ant-picker-cell-range-start-single + ).ant-picker-cell-range-hover-start::before, +.ant-picker-cell-in-view.ant-picker-cell-range-end:not( + .ant-picker-cell-range-end-single + ).ant-picker-cell-range-hover-end::before, .ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start::before, @@ -9618,11 +9640,15 @@ span.ant-radio + * { .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end::before { background: #fbd2e8; } -.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end) +.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not( + .ant-picker-cell-range-end + ) .ant-picker-cell-inner { border-radius: 5px 0 0 2px; } -.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start) +.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not( + .ant-picker-cell-range-start + ) .ant-picker-cell-inner { border-radius: 0 2px 2px 0; } @@ -9659,7 +9685,9 @@ span.ant-radio + * { } tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:first-child::after, tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after, -.ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after, +.ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not( + .ant-picker-cell-range-hover-edge-start-near-range + )::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after { left: 6px; border-left: 1px dashed #f48cc5; @@ -9668,7 +9696,9 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after } tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:last-child::after, tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after, -.ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range)::after, +.ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not( + .ant-picker-cell-range-hover-edge-end-near-range + )::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after { right: 6px; border-right: 1px dashed #f48cc5; @@ -10421,12 +10451,16 @@ textarea.ant-picker-input > input { left: 0; } .ant-picker-panel-rtl - .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end) + .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not( + .ant-picker-cell-range-end + ) .ant-picker-cell-inner { border-radius: 0 2px 2px 0; } .ant-picker-panel-rtl - .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start) + .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not( + .ant-picker-cell-range-start + ) .ant-picker-cell-inner { border-radius: 5px 0 0 2px; } @@ -10435,7 +10469,9 @@ textarea.ant-picker-input > input { tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after, .ant-picker-panel-rtl - .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after, + .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not( + .ant-picker-cell-range-hover-edge-start-near-range + )::after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after { right: 6px; left: 0; @@ -10451,7 +10487,9 @@ textarea.ant-picker-input > input { tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after, .ant-picker-panel-rtl - .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range)::after, + .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not( + .ant-picker-cell-range-hover-edge-end-near-range + )::after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after { right: 0; left: 6px; @@ -18340,9 +18378,9 @@ textarea.ant-picker-input > input { line-height: 12px; } .ant-cascader-picker-label:hover - + .ant-cascader-input:not(.ant-cascader-picker-disabled - .ant-cascader-picker-label:hover - + .ant-cascader-input) { + + .ant-cascader-input:not( + .ant-cascader-picker-disabled .ant-cascader-picker-label:hover + .ant-cascader-input + ) { border-color: #f759ab; border-right-width: 1px !important; } @@ -22107,7 +22145,6 @@ textarea.ant-input { -webkit-overflow-scrolling: touch; } .ant-input { - background-color: #fafafa; border-radius: 8px; } .ant-input-number { @@ -29529,7 +29566,9 @@ span.ant-transfer-list-search-action { background-color: #f5f5f5; cursor: pointer; } -.ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled).ant-transfer-list-content-item-checked:hover { +.ant-transfer-list-content-item:not( + .ant-transfer-list-content-item-disabled + ).ant-transfer-list-content-item-checked:hover { background-color: #ffe6f0; } .ant-transfer-list-content-show-remove @@ -30136,10 +30175,14 @@ span.ant-transfer-list-search-action { display: none; } .ant-select-tree-show-line - .ant-select-tree-treenode-motion:not(.ant-motion-collapse-leave):not(.ant-motion-collapse-appear-active) + .ant-select-tree-treenode-motion:not(.ant-motion-collapse-leave):not( + .ant-motion-collapse-appear-active + ) .ant-select-tree-indent-unit::after, .ant-select-tree-show-line - .ant-select-tree-treenode-motion:not(.ant-motion-collapse-leave):not(.ant-motion-collapse-appear-active) + .ant-select-tree-treenode-motion:not(.ant-motion-collapse-leave):not( + .ant-motion-collapse-appear-active + ) .ant-select-tree-indent-unit::before { display: none; }