MrUnknownDE/VRCX
1
0
Fork 0
mirror of https://github.com/MrUnknownDE/VRCX.git synced 2026-04-20 07:13:51 +02:00
Code Issues Packages Projects Releases Wiki Activity

Mobile icon, zoom, profilePicOverrideThumbnail

Browse Source
This commit is contained in:
Natsumi
2024-05-30 08:56:00 +12:00
parent d040f70aab
commit 2742d6edb0
12 changed files with 227 additions and 92 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
html/src/theme.material3.scss
View File

@@ -183,7 +183,9 @@ div[style*='margin: 0px 0px 10px;'] {
font-weight: var(--md-sys-typescale-label-large-weight);
letter-spacing: var(--md-sys-typescale-label-large-tracking);
padding: 0 24px;
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
transition:
background-color 0.2s ease-in-out,
color 0.2s ease-in-out;
}
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
@@ -227,7 +229,7 @@ div[style*='margin: 0px 0px 10px;'] {
}
/* Input filter */
.el-input-number--small,
.el-input--small,
.el-input__inner {
height: 45px !important;
@@ -303,7 +305,9 @@ input[type='number'],
.el-pagination button.btn-next {
position: relative;
background-color: rgb(var(--md-sys-color-secondary-container));
transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
transition:
background-color 0.1s ease-in-out,
color 0.1s ease-in-out;
}
.el-pagination button:not(:disabled):hover.btn-prev::after,
.el-pagination button:not(:disabled):hover.btn-next::after {
@@ -397,7 +401,9 @@ input[type='number'],
font-size: var(--md-sys-typescale-body-small-size);
font-weight: var(--md-sys-typescale-body-small-weight);
letter-spacing: var(--md-sys-typescale-body-small-tracking);
transition: height 0.1s ease-out, min-height 0.1s ease-out,
transition:
height 0.1s ease-out,
min-height 0.1s ease-out,
opacity 0.1s ease-out;
}
.el-message-box__errormsg[style='visibility: hidden;'] {
@@ -654,7 +660,9 @@ input[type='number'],
border-radius: 28px;
background-color: rgb(var(--md-sys-color-surface-variant)) !important;
border: 2px solid rgb(var(--md-sys-color-outline)) !important;
transition: background-color 0.1s ease-in-out, border-color 0.1s ease-in-out;
transition:
background-color 0.1s ease-in-out,
border-color 0.1s ease-in-out;
}
/* active track */
@@ -673,9 +681,13 @@ input[type='number'],
margin: 4px;
background-color: rgb(var(--md-sys-color-outline));
border-radius: 28px;
transition: left 200ms cubic-bezier(0, 0.5, 0.5, 1.5),
background-color 0.1s ease-in-out, height 50ms ease-out,
width 50ms ease-out, padding 50ms ease-out, margin 50ms ease-out;
transition:
left 200ms cubic-bezier(0, 0.5, 0.5, 1.5),
background-color 0.1s ease-in-out,
height 50ms ease-out,
width 50ms ease-out,
padding 50ms ease-out,
margin 50ms ease-out;
}
/* active thumb */
@@ -801,7 +813,9 @@ input[type='number'],
line-height: var(--md-sys-typescale-label-large-line-height);
font-size: var(--md-sys-typescale-label-large-size);
font-weight: var(--md-sys-typescale-label-large-weight);
transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
transition:
background-color 0.1s ease-in-out,
color 0.1s ease-in-out;
}
.el-radio-group > *:first-child > .el-radio-button__inner {
@@ -899,7 +913,9 @@ input[type='number'],
font-weight: var(--md-sys-typescale-label-large-weight);
letter-spacing: var(--md-sys-typescale-label-large-tracking);
border: none;
transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
transition:
background-color 0.1s ease-in-out,
color 0.1s ease-in-out;
}
.el-button.el-button--primary:not(.el-button--text).is-disabled {
cursor: not-allowed;
@@ -947,7 +963,9 @@ input[type='number'],
font-weight: var(--md-sys-typescale-label-large-weight);
letter-spacing: var(--md-sys-typescale-label-large-tracking);
border: none;
transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
transition:
background-color 0.1s ease-in-out,
color 0.1s ease-in-out;
}
.el-button:not(.el-button--text, .el-button--primary, .is-disabled),
.el-button:not(.el-button--text, .el-button--primary, .is-disabled):hover,
@@ -1018,7 +1036,9 @@ input[type='number'],
font-weight: var(--md-sys-typescale-label-large-weight);
letter-spacing: var(--md-sys-typescale-label-large-tracking);
border: none;
transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
transition:
background-color 0.1s ease-in-out,
color 0.1s ease-in-out;
}
.el-button.el-button--text:not(.el-button--primary) > i {
font-size: 15px;
@@ -1164,7 +1184,9 @@ img.x-link.el-popover__reference {
background: var(--md-sys-color-surface-4);
border: none;
border-radius: 12px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
box-shadow:
0 3px 6px rgba(0, 0, 0, 0.16),
0 3px 6px rgba(0, 0, 0, 0.23);
}
.el-popover img {
@@ -1181,7 +1203,9 @@ img.x-link.el-popover__reference {
font-weight: var(--md-sys-typescale-label-large-weight);
letter-spacing: var(--md-sys-typescale-label-large-tracking);
padding: 0 24px;
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
transition:
background-color 0.2s ease-in-out,
color 0.2s ease-in-out;
}
.el-tabs__item:not(:last-child) {
@@ -1472,7 +1496,9 @@ img.x-link.el-popover__reference {
border-radius: 20px;
top: -10px;
transform: translate(-50%);
transition: height 0.1s ease-in-out, width 0.1s ease-in-out;
transition:
height 0.1s ease-in-out,
width 0.1s ease-in-out;
}
.el-slider__button:hover::after,
.el-slider__button:focus::after {
@@ -1526,7 +1552,9 @@ img.x-link.el-popover__reference {
border: none;
border-radius: 8px;
background: var(--md-sys-color-surface-2);
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
box-shadow:
0 3px 6px rgba(0, 0, 0, 0.16),
0 3px 6px rgba(0, 0, 0, 0.23);
overflow: auto;
max-height: 90%;
}
@@ -1664,8 +1692,6 @@ i.x-user-status {
font-variation-settings: 'FILL' 1;
}
/* right arrow */
.el-icon-right::before {
content: 'arrow_right_alt';