mirror of
https://github.com/alireza0/x-ui.git
synced 2026-03-14 05:23:09 +00:00
css correction
This commit is contained in:
Alireza Ahmadi
@@ -106,7 +106,7 @@ style attribute {
|
||||
list-style: none;
|
||||
font-feature-settings: "tnum";
|
||||
position: relative;
|
||||
background: #fff;
|
||||
background-color: #fff;
|
||||
border-radius: 2px;
|
||||
transition: all .3s;
|
||||
}
|
||||
@@ -162,7 +162,7 @@ style attribute {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background: #fff;
|
||||
background-color: #fff;
|
||||
right: -40px;
|
||||
box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);
|
||||
border-radius: 0 4px 4px 0;
|
||||
@@ -174,7 +174,7 @@ style attribute {
|
||||
background-repeat: no-repeat;
|
||||
animation: ma-bg-move linear 6.6s infinite;
|
||||
color: #fff;
|
||||
border-radius: 0.5rem
|
||||
border-radius: 0.5rem;
|
||||
}
|
||||
@-webkit-keyframes ma-bg-move {
|
||||
0% {background-position: -500px 0;}
|
||||
@@ -206,7 +206,7 @@ style attribute {
|
||||
.ant-layout-sider-children,
|
||||
.ant-pagination ul {
|
||||
margin-top:-.1px;
|
||||
padding:0.5rem
|
||||
padding:0.5rem;
|
||||
}
|
||||
|
||||
.ant-dropdown-menu,
|
||||
@@ -240,33 +240,33 @@ style attribute {
|
||||
.fade-in-linear-enter,
|
||||
.fade-in-linear-leave,
|
||||
.fade-in-linear-leave-active {
|
||||
opacity: 0
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.fade-in-linear-enter-active, .fade-in-linear-leave-active {
|
||||
-webkit-transition: opacity .2s linear;
|
||||
transition: opacity .2s linear
|
||||
transition: opacity .2s linear;
|
||||
}
|
||||
|
||||
.fade-in-linear-enter-active, .fade-in-linear-leave-active {
|
||||
-webkit-transition: opacity .2s linear;
|
||||
transition: opacity .2s linear
|
||||
transition: opacity .2s linear;
|
||||
}
|
||||
|
||||
.fade-in-enter-active, .fade-in-leave-active {
|
||||
-webkit-transition: all .3s cubic-bezier(.55, 0, .1, 1);
|
||||
transition: all .3s cubic-bezier(.55, 0, .1, 1)
|
||||
transition: all .3s cubic-bezier(.55, 0, .1, 1);
|
||||
}
|
||||
|
||||
.zoom-in-center-enter-active, .zoom-in-center-leave-active {
|
||||
-webkit-transition: all .3s cubic-bezier(.55, 0, .1, 1);
|
||||
transition: all .3s cubic-bezier(.55, 0, .1, 1)
|
||||
transition: all .3s cubic-bezier(.55, 0, .1, 1);
|
||||
}
|
||||
|
||||
.zoom-in-center-enter, .zoom-in-center-leave-active {
|
||||
opacity: 0;
|
||||
-webkit-transform: scaleX(0);
|
||||
transform: scaleX(0)
|
||||
transform: scaleX(0);
|
||||
}
|
||||
|
||||
.zoom-in-top-enter-active, .zoom-in-top-leave-active {
|
||||
@@ -278,13 +278,13 @@ style attribute {
|
||||
transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);
|
||||
transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
|
||||
-webkit-transform-origin: center top;
|
||||
transform-origin: center top
|
||||
transform-origin: center top;
|
||||
}
|
||||
|
||||
.zoom-in-top-enter, .zoom-in-top-leave-active {
|
||||
opacity: 0;
|
||||
-webkit-transform: scaleY(0);
|
||||
transform: scaleY(0)
|
||||
transform: scaleY(0);
|
||||
}
|
||||
|
||||
.zoom-in-bottom-enter-active, .zoom-in-bottom-leave-active {
|
||||
@@ -296,13 +296,13 @@ style attribute {
|
||||
transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);
|
||||
transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
|
||||
-webkit-transform-origin: center bottom;
|
||||
transform-origin: center bottom
|
||||
transform-origin: center bottom;
|
||||
}
|
||||
|
||||
.zoom-in-bottom-enter, .zoom-in-bottom-leave-active {
|
||||
opacity: 0;
|
||||
-webkit-transform: scaleY(0);
|
||||
transform: scaleY(0)
|
||||
transform: scaleY(0);
|
||||
}
|
||||
|
||||
.zoom-in-left-enter-active, .zoom-in-left-leave-active {
|
||||
@@ -314,24 +314,24 @@ style attribute {
|
||||
transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);
|
||||
transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
|
||||
-webkit-transform-origin: top left;
|
||||
transform-origin: top left
|
||||
transform-origin: top left;
|
||||
}
|
||||
|
||||
.zoom-in-left-enter, .zoom-in-left-leave-active {
|
||||
opacity: 0;
|
||||
-webkit-transform: scale(.45, .45);
|
||||
transform: scale(.45, .45)
|
||||
transform: scale(.45, .45);
|
||||
}
|
||||
|
||||
.list-enter-active, .list-leave-active {
|
||||
-webkit-transition: all .3s;
|
||||
transition: all .3s
|
||||
transition: all .3s;
|
||||
}
|
||||
|
||||
.list-enter, .list-leave-active {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY(-30px);
|
||||
transform: translateY(-30px)
|
||||
transform: translateY(-30px);
|
||||
}
|
||||
|
||||
.ant-tooltip-inner {
|
||||
@@ -430,13 +430,19 @@ style attribute {
|
||||
|
||||
/* DARK THEME */
|
||||
|
||||
.dark ::selection {
|
||||
.dark ::selection,
|
||||
.ant-calendar-selected-day .ant-calendar-date {
|
||||
background-color: #0E49B5;
|
||||
color: #fff;
|
||||
background-color: #0e49b5;
|
||||
}
|
||||
|
||||
.dark .normal-icon:hover {
|
||||
color: #ffffff;
|
||||
|
||||
.dark .normal-icon:hover,
|
||||
.dark .ant-spin,
|
||||
.dark .ant-input-number-handler:hover .ant-input-number-handler-down-inner,
|
||||
.dark .ant-input-number-handler:hover .ant-input-number-handler-up-inner,
|
||||
.dark .ant-calendar-header a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.dark .ant-layout-sider,
|
||||
@@ -528,7 +534,20 @@ style attribute {
|
||||
.dark .ant-divider-inner-text,
|
||||
.dark .ant-popover-title,
|
||||
.dark .ant-popover-inner-content,
|
||||
.dark h2 {
|
||||
.dark h2,
|
||||
.dark .ant-modal-title,
|
||||
.dark .ant-form-item-label>label,
|
||||
.dark .ant-checkbox-wrapper,
|
||||
.dark .ant-form-item,
|
||||
.dark .ant-calendar-footer .ant-calendar-today-btn,
|
||||
.dark .ant-calendar-footer .ant-calendar-time-picker-btn,
|
||||
.dark .ant-calendar-day-select,
|
||||
.dark .ant-calendar-month-select,
|
||||
.dark .ant-calendar-year-select,
|
||||
.dark .ant-calendar-date,
|
||||
.dark .ant-calendar-year-panel-year,
|
||||
.dark .ant-calendar-month-panel-month,
|
||||
.dark .ant-calendar-decade-panel-decade {
|
||||
color: rgb(255 255 255 / 65%);
|
||||
}
|
||||
|
||||
@@ -537,7 +556,9 @@ style attribute {
|
||||
}
|
||||
|
||||
.dark .ant-pagination-disabled i,
|
||||
.dark .ant-tabs-tab-btn-disabled {
|
||||
.dark .ant-tabs-tab-btn-disabled,
|
||||
.dark .ant-calendar-decade-panel-last-century-cell .ant-calendar-decade-panel-decade,
|
||||
.dark .ant-calendar-decade-panel-next-century-cell .ant-calendar-decade-panel-decade {
|
||||
color: rgb(255 255 255 / 25%);
|
||||
}
|
||||
|
||||
@@ -589,7 +610,7 @@ style attribute {
|
||||
|
||||
.dark .ant-btn:focus:not(.ant-btn-primary):not(.ant-btn-danger) ,
|
||||
.dark .ant-btn:hover:not(.ant-btn-primary):not(.ant-btn-danger) {
|
||||
color: #ffffff;
|
||||
color: #fff;
|
||||
background-color: rgb(14 73 181 / 50%);
|
||||
border-color: #0e49b5;
|
||||
}
|
||||
@@ -619,11 +640,9 @@ style attribute {
|
||||
border-color: #0e49b5;
|
||||
}
|
||||
|
||||
.dark .ant-switch:not(.ant-switch-checked) {
|
||||
background-color: #2C3950;
|
||||
}
|
||||
|
||||
.dark .ant-progress-line .ant-progress-inner {
|
||||
.dark .ant-switch:not(.ant-switch-checked),
|
||||
.dark .ant-progress-line .ant-progress-inner,
|
||||
.ant-menu-dark .ant-menu-item:hover {
|
||||
background-color: #2c3950;
|
||||
}
|
||||
|
||||
@@ -647,10 +666,6 @@ style attribute {
|
||||
background-color: #313f5a;
|
||||
}
|
||||
|
||||
.ant-menu-dark .ant-menu-item:hover {
|
||||
background-color: #2c3950;
|
||||
}
|
||||
|
||||
.dark .ant-alert-message {
|
||||
color: rgb(255 255 255 /85%);
|
||||
}
|
||||
@@ -698,19 +713,6 @@ style attribute {
|
||||
background-color: #181f2c;
|
||||
}
|
||||
|
||||
.dark .ant-modal-title,
|
||||
.dark .ant-form-item-label>label,
|
||||
.dark .ant-checkbox-wrapper,
|
||||
.dark .ant-form-item,
|
||||
.dark .ant-calendar-footer .ant-calendar-today-btn,
|
||||
.dark .ant-calendar-footer .ant-calendar-time-picker-btn,
|
||||
.dark .ant-calendar-day-select,
|
||||
.dark .ant-calendar-month-select,
|
||||
.dark .ant-calendar-year-select,
|
||||
.dark .ant-calendar-date {
|
||||
color: rgb(255 255 255 / 65%);
|
||||
}
|
||||
|
||||
.dark .ant-calendar-next-month-btn-day .ant-calendar-date,
|
||||
.dark .ant-calendar-last-month-cell .ant-calendar-date {
|
||||
color: #2c3950;
|
||||
@@ -734,7 +736,7 @@ style attribute {
|
||||
}
|
||||
|
||||
.dark .ant-calendar-time-picker-select li:focus {
|
||||
color: #ffffff;
|
||||
color: #fff;
|
||||
font-weight: 600;
|
||||
outline: none;
|
||||
background-color: #0e49b5;
|
||||
@@ -784,47 +786,35 @@ style attribute {
|
||||
text-shadow: 0 1px 2px #00000077;
|
||||
}
|
||||
|
||||
.dark .ant-spin {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.dark .ant-spin-dot-item {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.ant-radio-button-wrapper {
|
||||
user-select: none;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.ant-radio-button-wrapper,
|
||||
.ant-menu {
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.ant-calendar-date:hover {
|
||||
background: #dae9f5;
|
||||
cursor: pointer
|
||||
background-color: #dae9f5;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.ant-calendar-date:active {
|
||||
background: #dae9f5;
|
||||
background-color: #dae9f5;
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
|
||||
.ant-calendar-today .ant-calendar-date {
|
||||
color: #0e49b5;
|
||||
font-weight: 700;
|
||||
border-color: #0e49b5
|
||||
border-color: #0e49b5;
|
||||
}
|
||||
|
||||
.dark .ant-calendar-today .ant-calendar-date {
|
||||
color: #ffffff;
|
||||
color: #fff;
|
||||
font-weight: 700;
|
||||
border-color: #0e49b5
|
||||
}
|
||||
|
||||
.ant-calendar-selected-day .ant-calendar-date {
|
||||
background: #0E49B5;
|
||||
color: #ffffff;
|
||||
border-color: #0e49b5;
|
||||
}
|
||||
|
||||
li.ant-select-dropdown-menu-item:empty:after {
|
||||
@@ -840,164 +830,40 @@ li.ant-select-dropdown-menu-item:empty:after {
|
||||
}
|
||||
|
||||
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item:hover .ant-select-selected-icon {
|
||||
color: rgba(0,0,0,.87)
|
||||
color: rgba(0,0,0,.87);
|
||||
}
|
||||
|
||||
.dark.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item:hover .ant-select-selected-icon {
|
||||
color: rgb(255, 255, 255)
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
|
||||
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected .ant-select-selected-icon,.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected:hover .ant-select-selected-icon {
|
||||
color: #3c89e8
|
||||
}
|
||||
|
||||
.ant-btn-primary-login {
|
||||
color: #0e49b5;
|
||||
background-color: #edf4fa;
|
||||
border-color: #a9c5e7;
|
||||
text-shadow: 0 -1px 0 rgba(0,0,0,.12);
|
||||
box-shadow: none;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.ant-btn-primary-login:focus,
|
||||
.ant-btn-primary-login:hover {
|
||||
color: #fff;
|
||||
background-color: #0c3f9d;
|
||||
border-color: #0e49b5;
|
||||
background-image: linear-gradient(
|
||||
270deg,
|
||||
rgba(123, 199, 77, 0) 30%,
|
||||
#2f67c2,
|
||||
rgba(123, 199, 77, 0) 100%
|
||||
);
|
||||
background-repeat: no-repeat;
|
||||
animation: ma-bg-move ease-in-out 5s infinite;
|
||||
background-position-x: -500px;
|
||||
width: 95%;
|
||||
animation-delay: -.5s;
|
||||
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
|
||||
}
|
||||
|
||||
.ant-btn-primary-login.active, .ant-btn-primary-login:active {
|
||||
color: #fff;
|
||||
background-color: #04308f;
|
||||
border-color: #04308f;
|
||||
}
|
||||
|
||||
@keyframes ma-bg-move {
|
||||
0% {
|
||||
background-position: -500px 0;
|
||||
}
|
||||
50% {
|
||||
background-position: 1000px 0;
|
||||
}
|
||||
100% {
|
||||
background-position: 1000px 0;
|
||||
}
|
||||
}
|
||||
|
||||
.wave-btn-bg {
|
||||
position: relative;
|
||||
border-radius: 25px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.dark .wave-btn-bg {
|
||||
color: #ffffff;
|
||||
position: relative;
|
||||
background: #0e49b5;
|
||||
border: 2px double transparent;
|
||||
background-origin: border-box;
|
||||
background-clip: padding-box, border-box;
|
||||
background-size: 300%;
|
||||
animation: wave-btn-tara 4s ease infinite;
|
||||
transition: all 0.5s ease;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.dark .wave-btn-bg-cl {
|
||||
background-image: linear-gradient(rgb(13 14 33 / 0%), rgb(13 14 33 / 0%)), radial-gradient(circle at left top, #0e49b5, #387eff, #0e49b5) !important;
|
||||
border-radius: 3em;
|
||||
}
|
||||
|
||||
.dark .wave-btn-bg-cl:hover {
|
||||
width:95%;
|
||||
}
|
||||
|
||||
.dark .wave-btn-bg-cl:before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
top: -5px;
|
||||
left: -5px;
|
||||
bottom: -5px;
|
||||
right: -5px;
|
||||
z-index: -1;
|
||||
background: inherit;
|
||||
background-size: inherit;
|
||||
border-radius: 4em;
|
||||
opacity: 0;
|
||||
transition: 0.5s;
|
||||
}
|
||||
|
||||
.dark .wave-btn-bg-cl:hover::before {
|
||||
opacity: 1;
|
||||
filter: blur(20px);
|
||||
animation: wave-btn-tara 8s linear infinite;
|
||||
}
|
||||
|
||||
@keyframes wave-btn-tara {
|
||||
to {
|
||||
background-position: 300%;
|
||||
}
|
||||
}
|
||||
|
||||
.dark .ant-btn-primary-login {
|
||||
font-size: 14px;
|
||||
color: #ffffff;
|
||||
text-align: center;
|
||||
background-image: linear-gradient(rgb(13 14 33 / 45%), rgb(13 14 33 / 35%));
|
||||
border-radius: 2rem;
|
||||
border: none;
|
||||
outline: none;
|
||||
background-color: transparent;
|
||||
height: 46px;
|
||||
position: relative;
|
||||
white-space: nowrap;
|
||||
cursor: pointer;
|
||||
touch-action: manipulation;
|
||||
padding: 0 15px;
|
||||
width: 100%;
|
||||
animation:none;
|
||||
background-position-x:0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.ant-input-number-focused, .ant-input-number:hover {
|
||||
background-color: #edf4fa;
|
||||
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected .ant-select-selected-icon,
|
||||
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected:hover .ant-select-selected-icon {
|
||||
color: #3c89e8;
|
||||
}
|
||||
|
||||
.ant-input-number-focused,
|
||||
.ant-input-number:hover,
|
||||
.ant-select-selection:hover {
|
||||
background-color: #edf4fa;
|
||||
}
|
||||
|
||||
.dark .ant-input-number-handler:active {
|
||||
background: #0e49b5;
|
||||
}
|
||||
|
||||
.dark .ant-input-number-handler:hover .ant-input-number-handler-down-inner,.dark .ant-input-number-handler:hover .ant-input-number-handler-up-inner {
|
||||
color: #ffffff;
|
||||
background-color: #0e49b5;
|
||||
}
|
||||
|
||||
.dark .ant-input-number-handler-down {
|
||||
border-top: 1px solid rgb(217 217 217 / 30%);
|
||||
}
|
||||
|
||||
.dark .ant-calendar-year-panel {
|
||||
background: #101828;
|
||||
}
|
||||
|
||||
.dark .ant-calendar-year-panel-header .ant-calendar-year-panel-century-select,.dark .ant-calendar-year-panel-header .ant-calendar-year-panel-decade-select,.dark .ant-calendar-year-panel-header .ant-calendar-year-panel-month-select,.dark .ant-calendar-year-panel-header .ant-calendar-year-panel-year-select {
|
||||
.dark .ant-calendar-year-panel-header .ant-calendar-year-panel-century-select,
|
||||
.dark .ant-calendar-year-panel-header .ant-calendar-year-panel-decade-select,
|
||||
.dark .ant-calendar-year-panel-header .ant-calendar-year-panel-month-select,
|
||||
.dark .ant-calendar-year-panel-header .ant-calendar-year-panel-year-select,
|
||||
.dark .ant-calendar-month-panel-header .ant-calendar-month-panel-century-select,
|
||||
.dark .ant-calendar-month-panel-header .ant-calendar-month-panel-decade-select,
|
||||
.dark .ant-calendar-month-panel-header .ant-calendar-month-panel-month-select,
|
||||
.dark .ant-calendar-month-panel-header .ant-calendar-month-panel-year-select {
|
||||
color: rgb(255 255 255 / 85%);
|
||||
}
|
||||
|
||||
@@ -1005,20 +871,14 @@ li.ant-select-dropdown-menu-item:empty:after {
|
||||
border-bottom: 1px solid #222d42;
|
||||
}
|
||||
|
||||
.dark .ant-calendar-year-panel-last-decade-cell .ant-calendar-year-panel-year,.dark .ant-calendar-year-panel-next-decade-cell .ant-calendar-year-panel-year {
|
||||
.dark .ant-calendar-year-panel-last-decade-cell .ant-calendar-year-panel-year,
|
||||
.dark .ant-calendar-year-panel-next-decade-cell .ant-calendar-year-panel-year {
|
||||
color: rgb(255 255 255 / 35%);
|
||||
}
|
||||
|
||||
.dark .ant-calendar-year-panel-year {
|
||||
color: rgb(255 255 255 / 65%);
|
||||
}
|
||||
|
||||
.dark .ant-calendar-year-panel-year:hover {
|
||||
background: #222d42;
|
||||
}
|
||||
|
||||
.dark .ant-calendar-header a:hover {
|
||||
color: #ffffff;
|
||||
.dark .ant-calendar-year-panel-year:hover,
|
||||
.dark .ant-calendar-month-panel-month:hover {
|
||||
background-color: #222d42;
|
||||
}
|
||||
|
||||
.dark .ant-calendar-month-panel-header {
|
||||
@@ -1026,36 +886,42 @@ li.ant-select-dropdown-menu-item:empty:after {
|
||||
border-bottom: 1px solid #222d42;
|
||||
}
|
||||
|
||||
.dark .ant-calendar table {
|
||||
.dark .ant-calendar table,
|
||||
.dark .ant-calendar-year-panel {
|
||||
background-color: #101828;
|
||||
}
|
||||
|
||||
.dark .ant-calendar-month-panel-header .ant-calendar-month-panel-century-select,.dark .ant-calendar-month-panel-header .ant-calendar-month-panel-decade-select,.dark .ant-calendar-month-panel-header .ant-calendar-month-panel-month-select,.dark .ant-calendar-month-panel-header .ant-calendar-month-panel-year-select {
|
||||
color: rgb(255 255 255 / 85%);
|
||||
}
|
||||
|
||||
.dark .ant-calendar-month-panel-month {
|
||||
color: rgb(255 255 255 / 65%);
|
||||
}
|
||||
|
||||
.dark .ant-calendar-month-panel-month:hover {
|
||||
background: #222d42;
|
||||
}
|
||||
|
||||
.dark .ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year,.dark .ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year:hover {
|
||||
.dark .ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year,
|
||||
.dark .ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year:hover,
|
||||
.dark .ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month,
|
||||
.dark .ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month:hover,
|
||||
.dark .ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade,
|
||||
.dark .ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade:hover {
|
||||
color: #fff;
|
||||
background: #0e49b5;
|
||||
background-color: #0e49b5;
|
||||
}
|
||||
|
||||
.dark .ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month,.dark .ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month:hover {
|
||||
color: #fff;
|
||||
background: #0e49b5
|
||||
.dark .ant-calendar-last-month-cell .ant-calendar-date,
|
||||
.dark .ant-calendar-last-month-cell .ant-calendar-date:hover,
|
||||
.dark .ant-calendar-next-month-btn-day .ant-calendar-date,
|
||||
.dark .ant-calendar-next-month-btn-day .ant-calendar-date:hover {
|
||||
color: rgb(255 255 255 / 25%);
|
||||
background: transparent;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.dark .ant-calendar-last-month-cell .ant-calendar-date,.dark .ant-calendar-last-month-cell .ant-calendar-date:hover,.dark .ant-calendar-next-month-btn-day .ant-calendar-date,.dark .ant-calendar-next-month-btn-day .ant-calendar-date:hover {color: rgb(255 255 255 / 25%); background: transparent; border-color: transparent;}
|
||||
|
||||
.dark .ant-calendar-today .ant-calendar-date:hover {
|
||||
color: #ffffff;
|
||||
color: #fff;
|
||||
border-color: #0e49b5;
|
||||
background-color:#0e49b5;
|
||||
}
|
||||
|
||||
.dark .ant-calendar-decade-panel-decade:hover {
|
||||
background-color: #222d42;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.dark .ant-calendar-decade-panel-header {
|
||||
border-bottom: 1px solid #222d42;
|
||||
background-color:#101828;
|
||||
}
|
||||
|
||||
@@ -6,38 +6,31 @@
|
||||
text-align: center;
|
||||
margin: 20px 0 50px 0;
|
||||
}
|
||||
|
||||
.ant-btn, .ant-input {
|
||||
height: 50px;
|
||||
border-radius: 30px;
|
||||
}
|
||||
|
||||
.ant-input-group-addon {
|
||||
border-radius: 0 30px 30px 0;
|
||||
width: 50px;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.ant-input-affix-wrapper .ant-input-prefix {
|
||||
left: 23px;
|
||||
}
|
||||
|
||||
.ant-input-affix-wrapper .ant-input:not(:first-child) {
|
||||
padding-left: 50px;
|
||||
}
|
||||
|
||||
.centered {
|
||||
display: flex;
|
||||
text-align: center;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 32px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#app {
|
||||
overflow: hidden;
|
||||
}
|
||||
@@ -99,6 +92,128 @@
|
||||
.dark h1 {
|
||||
color: rgb(255 255 255 / 85%);
|
||||
}
|
||||
|
||||
.ant-btn-primary-login {
|
||||
color: #0e49b5;
|
||||
background-color: #edf4fa;
|
||||
border-color: #a9c5e7;
|
||||
text-shadow: 0 -1px 0 rgba(0,0,0,.12);
|
||||
box-shadow: none;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.ant-btn-primary-login:focus,
|
||||
.ant-btn-primary-login:hover {
|
||||
color: #ffffff;
|
||||
background-color: #0c3f9d;
|
||||
border-color: #0e49b5;
|
||||
background-image: linear-gradient(
|
||||
270deg,
|
||||
rgba(123, 199, 77, 0) 30%,
|
||||
#2f67c2,
|
||||
rgba(123, 199, 77, 0) 100%
|
||||
);
|
||||
background-repeat: no-repeat;
|
||||
animation: ma-bg-move ease-in-out 5s infinite;
|
||||
background-position-x: -500px;
|
||||
width: 95%;
|
||||
animation-delay: -.5s;
|
||||
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
|
||||
}
|
||||
|
||||
.ant-btn-primary-login.active, .ant-btn-primary-login:active {
|
||||
color: #ffffff;
|
||||
background-color: #04308f;
|
||||
border-color: #04308f;
|
||||
}
|
||||
|
||||
@keyframes ma-bg-move {
|
||||
0% {
|
||||
background-position: -500px 0;
|
||||
}
|
||||
50% {
|
||||
background-position: 1000px 0;
|
||||
}
|
||||
100% {
|
||||
background-position: 1000px 0;
|
||||
}
|
||||
}
|
||||
|
||||
.wave-btn-bg {
|
||||
position: relative;
|
||||
border-radius: 25px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.dark .wave-btn-bg {
|
||||
color: #ffffff;
|
||||
position: relative;
|
||||
background-color: #0e49b5;
|
||||
border: 2px double transparent;
|
||||
background-origin: border-box;
|
||||
background-clip: padding-box, border-box;
|
||||
background-size: 300%;
|
||||
animation: wave-btn-tara 4s ease infinite;
|
||||
transition: all 0.5s ease;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.dark .wave-btn-bg-cl {
|
||||
background-image: linear-gradient(rgb(13 14 33 / 0%), rgb(13 14 33 / 0%)), radial-gradient(circle at left top, #0e49b5, #387eff, #0e49b5) !important;
|
||||
border-radius: 3em;
|
||||
}
|
||||
|
||||
.dark .wave-btn-bg-cl:hover {
|
||||
width:95%;
|
||||
}
|
||||
|
||||
.dark .wave-btn-bg-cl:before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
top: -5px;
|
||||
left: -5px;
|
||||
bottom: -5px;
|
||||
right: -5px;
|
||||
z-index: -1;
|
||||
background: inherit;
|
||||
background-size: inherit;
|
||||
border-radius: 4em;
|
||||
opacity: 0;
|
||||
transition: 0.5s;
|
||||
}
|
||||
|
||||
.dark .wave-btn-bg-cl:hover::before {
|
||||
opacity: 1;
|
||||
filter: blur(20px);
|
||||
animation: wave-btn-tara 8s linear infinite;
|
||||
}
|
||||
|
||||
@keyframes wave-btn-tara {
|
||||
to {
|
||||
background-position: 300%;
|
||||
}
|
||||
}
|
||||
|
||||
.dark .ant-btn-primary-login {
|
||||
font-size: 14px;
|
||||
color: #ffffff;
|
||||
text-align: center;
|
||||
background-image: linear-gradient(rgb(13 14 33 / 45%), rgb(13 14 33 / 35%));
|
||||
border-radius: 2rem;
|
||||
border: none;
|
||||
outline: none;
|
||||
background-color: transparent;
|
||||
height: 46px;
|
||||
position: relative;
|
||||
white-space: nowrap;
|
||||
cursor: pointer;
|
||||
touch-action: manipulation;
|
||||
padding: 0 15px;
|
||||
width: 100%;
|
||||
animation:none;
|
||||
background-position-x:0;
|
||||
box-shadow: none;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<a-layout id="app" v-cloak :class="themeSwitcher.currentTheme">
|
||||
|
||||
Reference in New Issue
Block a user