mirror of
https://github.com/certd/certd.git
synced 2026-04-24 04:17:25 +08:00
perf: 优化登陆页面的黑暗模式
This commit is contained in:
@@ -1,7 +1,7 @@
|
|||||||
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
|
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
|
||||||
width="500" height="500" viewBox="0 0 500.000000 500.000000"
|
width="500" height="500" viewBox="0 0 500.000000 500.000000"
|
||||||
>
|
>
|
||||||
<path d="M28.34 56.68h28.34V36.12H28.34a7.79 7.79 0 1 1 0-15.58h19.84v9.05h8.5V12H28.34a16.29 16.29 0 0 0 0 32.58h19.84v3.56H28.34a19.84 19.84 0 0 1 0-39.68h28.34V0H28.34a28.34 28.34 0 0 0 0 56.68z"
|
<path fill="#333" d="M28.34 56.68h28.34V36.12H28.34a7.79 7.79 0 1 1 0-15.58h19.84v9.05h8.5V12H28.34a16.29 16.29 0 0 0 0 32.58h19.84v3.56H28.34a19.84 19.84 0 0 1 0-39.68h28.34V0H28.34a28.34 28.34 0 0 0 0 56.68z"
|
||||||
transform="translate(70, 76) scale(6,6)"
|
transform="translate(70, 76) scale(6,6)"
|
||||||
></path>
|
></path>
|
||||||
</svg>
|
</svg>
|
||||||
|
Before Width: | Height: | Size: 397 B After Width: | Height: | Size: 409 B |
@@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<div id="userLayout" :class="['user-layout-wrapper']">
|
<div id="userLayout" :class="['user-layout-wrapper']">
|
||||||
<div class="login-container flex justify-start">
|
<div class="login-container flex justify-start dark:background-[#141414]">
|
||||||
<div class="user-layout-content flex-col justify-start">
|
<div class="user-layout-content flex-col justify-start">
|
||||||
<div class="top flex flex-col items-center justify-start">
|
<div class="top flex flex-col items-center justify-start">
|
||||||
<div class="header flex flex-row items-center">
|
<div class="header flex flex-row items-center">
|
||||||
@@ -59,6 +59,14 @@ const sysPublic: Ref<SysPublicSetting> = computed(() => {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="less">
|
<style lang="less">
|
||||||
|
.dark {
|
||||||
|
.login-container {
|
||||||
|
background: #141414 !important;
|
||||||
|
.desc {
|
||||||
|
color: rgba(227, 227, 227, 0.45) !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
#userLayout.user-layout-wrapper {
|
#userLayout.user-layout-wrapper {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|
||||||
|
|||||||
@@ -18,8 +18,8 @@
|
|||||||
-webkit-border-radius: 4em;
|
-webkit-border-radius: 4em;
|
||||||
-moz-border-radius: 4em;
|
-moz-border-radius: 4em;
|
||||||
border-radius: 4em;
|
border-radius: 4em;
|
||||||
background-color: #b3b3b3;
|
background-color: #757575;
|
||||||
box-shadow: 0px 1px 1px #eee inset;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
::-webkit-scrollbar-thumb:hover {
|
::-webkit-scrollbar-thumb:hover {
|
||||||
|
|||||||
@@ -74,6 +74,13 @@ function goDetail(link: any) {
|
|||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<style lang="less">
|
<style lang="less">
|
||||||
|
.dark {
|
||||||
|
.data-item {
|
||||||
|
.header {
|
||||||
|
color: rgba(242, 242, 242, 0.85) !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
.statistic-card {
|
.statistic-card {
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
.icon-text {
|
.icon-text {
|
||||||
|
|||||||
@@ -311,6 +311,7 @@ export default defineComponent({
|
|||||||
.input-right {
|
.input-right {
|
||||||
width: 160px;
|
width: 160px;
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
|
background: #cfcfcf !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.forge-password {
|
.forge-password {
|
||||||
|
|||||||
Reference in New Issue
Block a user