mirror/hotomoe
1
0
Fork 0
mirror of https://github.com/hotomoe/hotomoe synced 2024-11-23 14:46:11 +09:00
Code

fix(auth): css variable problem

Browse Source
This commit is contained in:
オスカー、 2024-10-28 16:04:46 +09:00
parent 7973531159
commit 8829a2ff17
Signed by: SWREI
GPG Key ID: 139D6573F92DA9F7
3 changed files with 23 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
packages/frontend/src/components/MkAuthConfirm.vue
View File

@ -286,7 +286,7 @@ defineExpose({
left: 0;
width: 100%;
height: 100%;
background-color: color-mix(in srgb, var(--MI_THEME-panel), transparent 50%);
background-color: color-mix(in srgb, var(--panel), transparent 50%);
display: flex;
justify-content: center;
align-items: center;
@ -316,15 +316,15 @@ defineExpose({
.icon {
border-radius: 50%;
border: 1px solid var(--MI_THEME-divider);
border: 1px solid var(--divider);
background-color: #fff;
object-fit: contain;
}
.iconFallback {
border-radius: 50%;
background-color: var(--MI_THEME-accentedBg);
color: var(--MI_THEME-accent);
background-color: var(--accentedBg);
color: var(--accent);
text-align: center;
line-height: 54px;
font-size: 18px;
@ -344,16 +344,16 @@ defineExpose({
.permissionRoot {
padding: 16px;
border-radius: var(--MI-radius);
background-color: var(--MI_THEME-bg);
border-radius: var(--radius);
background-color: var(--bg);
}
.permissionListWrapper {
max-height: 350px;
overflow-y: auto;
padding: 12px;
border-radius: var(--MI-radius);
background-color: var(--MI_THEME-panel);
border-radius: var(--radius);
background-color: var(--panel);
}
.permissionList {
@ -369,8 +369,8 @@ defineExpose({
}
.accountSelectorList {
border-radius: var(--MI-radius);
border: 1px solid var(--MI_THEME-divider);
border-radius: var(--radius);
border: 1px solid var(--divider);
overflow: hidden;
overflow: clip;
}
@ -381,7 +381,7 @@ defineExpose({
pointer-events: none;
&:focus-visible + .accountSelectorItem {
outline: 2px solid var(--MI_THEME-accent);
outline: 2px solid var(--accent);
outline-offset: -4px;
}
@ -390,7 +390,7 @@ defineExpose({
}
&:checked + .accountSelectorItem {
background: var(--MI_THEME-accent);
background: var(--accent);
color: #fff;
}
}
@ -404,7 +404,7 @@ defineExpose({
cursor: pointer;
&:hover {
background: var(--MI_THEME-buttonHoverBg);
background: var(--buttonHoverBg);
}
&.static {
@ -431,8 +431,8 @@ defineExpose({
}
.accountSelectorAddAccountAvatar {
background-color: var(--MI_THEME-accentedBg);
color: var(--MI_THEME-accent);
background-color: var(--accentedBg);
color: var(--accent);
font-size: 16px;
line-height: 45px;
text-align: center;

12
packages/frontend/src/pages/miauth.vue
View File

@ -95,8 +95,8 @@ definePageMetadata(() => ({
.form {
position: relative;
z-index: 10;
border-radius: var(--MI-radius);
background-color: var(--MI_THEME-panel);
border-radius: var(--radius);
background-color: var(--panel);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
overflow: clip;
max-width: 500px;
@ -107,15 +107,15 @@ definePageMetadata(() => ({
.redirectRoot {
padding: 16px;
border-radius: var(--MI-radius);
background-color: var(--MI_THEME-bg);
border-radius: var(--radius);
background-color: var(--bg);
}
.redirectUrl {
font-size: 90%;
padding: 12px;
border-radius: var(--MI-radius);
background-color: var(--MI_THEME-panel);
border-radius: var(--radius);
background-color: var(--panel);
overflow-x: scroll;
}
</style>

4
packages/frontend/src/pages/oauth.vue
View File

@ -91,8 +91,8 @@ definePageMetadata(() => ({
.form {
position: relative;
z-index: 10;
border-radius: var(--MI-radius);
background-color: var(--MI_THEME-panel);
border-radius: var(--radius);
background-color: var(--panel);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
overflow: clip;
max-width: 500px;