mirror of
https://gitee.com/mirrors/AllinSSL.git
synced 2026-03-11 09:11:10 +08:00
【同步】前端项目源码
【修复】工作流兼容问题
This commit is contained in:
chudong
97
frontend/apps/allin-ssl/src/styles/icon.css
Normal file
97
frontend/apps/allin-ssl/src/styles/icon.css
Normal file
@@ -0,0 +1,97 @@
|
||||
.lucide--user-round {
|
||||
display: inline-block;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='8' r='5'/%3E%3Cpath d='M20 21a8 8 0 0 0-16 0'/%3E%3C/g%3E%3C/svg%3E");
|
||||
background-color: currentColor;
|
||||
-webkit-mask-image: var(--svg);
|
||||
mask-image: var(--svg);
|
||||
-webkit-mask-repeat: no-repeat;
|
||||
mask-repeat: no-repeat;
|
||||
-webkit-mask-size: 100% 100%;
|
||||
mask-size: 100% 100%;
|
||||
}
|
||||
|
||||
.mynaui--lock-open-password {
|
||||
display: inline-block;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M8 10V8c0-2.761 1.239-5 4-5c2.094 0 3.313 1.288 3.78 3.114M3.5 17.8v-4.6c0-1.12 0-1.68.218-2.107a2 2 0 0 1 .874-.875c.428-.217.988-.217 2.108-.217h10.6c1.12 0 1.68 0 2.108.217a2 2 0 0 1 .874.874c.218.428.218.988.218 2.108v4.6c0 1.12 0 1.68-.218 2.108a2 2 0 0 1-.874.874C18.98 21 18.42 21 17.3 21H6.7c-1.12 0-1.68 0-2.108-.218a2 2 0 0 1-.874-.874C3.5 19.481 3.5 18.921 3.5 17.8m8.5-2.05v-.5m4 .5v-.5m-8 .5v-.5'/%3E%3C/svg%3E");
|
||||
background-color: currentColor;
|
||||
-webkit-mask-image: var(--svg);
|
||||
mask-image: var(--svg);
|
||||
-webkit-mask-repeat: no-repeat;
|
||||
mask-repeat: no-repeat;
|
||||
-webkit-mask-size: 100% 100%;
|
||||
mask-size: 100% 100%;
|
||||
}
|
||||
|
||||
.solar--server-broken {
|
||||
display: inline-block;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-width='1.5' d='M13 21H6c-1.886 0-2.828 0-3.414-.586S2 18.886 2 17s0-2.828.586-3.414S4.114 13 6 13h12c1.886 0 2.828 0 3.414.586S22 15.114 22 17s0 2.828-.586 3.414S19.886 21 18 21h-1M11 2h7c1.886 0 2.828 0 3.414.586S22 4.114 22 6s0 2.828-.586 3.414S19.886 10 18 10H6c-1.886 0-2.828 0-3.414-.586S2 7.886 2 6s0-2.828.586-3.414S4.114 2 6 2h1m4 4h7M6 6h2m3 11h7M6 17h2'/%3E%3C/svg%3E");
|
||||
background-color: currentColor;
|
||||
-webkit-mask-image: var(--svg);
|
||||
mask-image: var(--svg);
|
||||
-webkit-mask-repeat: no-repeat;
|
||||
mask-repeat: no-repeat;
|
||||
-webkit-mask-size: 100% 100%;
|
||||
mask-size: 100% 100%;
|
||||
}
|
||||
|
||||
.icon-park-outline--alarm {
|
||||
display: inline-block;
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='%23000' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M14 25c0-5.523 4.477-10 10-10s10 4.477 10 10v16H14z'/%3E%3Cpath stroke-linecap='round' d='M24 5v3m11.892 1.328l-1.929 2.298m8.256 8.661l-2.955.521m-33.483-.521l2.955.521m3.373-11.48l1.928 2.298M6 41h37'/%3E%3C/g%3E%3C/svg%3E");
|
||||
background-color: currentColor;
|
||||
-webkit-mask-image: var(--svg);
|
||||
mask-image: var(--svg);
|
||||
-webkit-mask-repeat: no-repeat;
|
||||
mask-repeat: no-repeat;
|
||||
-webkit-mask-size: 100% 100%;
|
||||
mask-size: 100% 100%;
|
||||
}
|
||||
|
||||
.bitcoin-icons--exit-filled {
|
||||
display: inline-block;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23000' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M15.99 7.823a.75.75 0 0 1 1.061.021l3.49 3.637a.75.75 0 0 1 0 1.038l-3.49 3.637a.75.75 0 0 1-1.082-1.039l2.271-2.367h-6.967a.75.75 0 0 1 0-1.5h6.968l-2.272-2.367a.75.75 0 0 1 .022-1.06'/%3E%3Cpath d='M3.25 4A.75.75 0 0 1 4 3.25h9.455a.75.75 0 0 1 .75.75v3a.75.75 0 1 1-1.5 0V4.75H4.75v14.5h7.954V17a.75.75 0 0 1 1.5 0v3a.75.75 0 0 1-.75.75H4a.75.75 0 0 1-.75-.75z'/%3E%3C/g%3E%3C/svg%3E");
|
||||
background-color: currentColor;
|
||||
-webkit-mask-image: var(--svg);
|
||||
mask-image: var(--svg);
|
||||
-webkit-mask-repeat: no-repeat;
|
||||
mask-repeat: no-repeat;
|
||||
-webkit-mask-size: 100% 100%;
|
||||
mask-size: 100% 100%;
|
||||
}
|
||||
|
||||
.lucide--settings {
|
||||
display: inline-block;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/g%3E%3C/svg%3E");
|
||||
background-color: currentColor;
|
||||
-webkit-mask-image: var(--svg);
|
||||
mask-image: var(--svg);
|
||||
-webkit-mask-repeat: no-repeat;
|
||||
mask-repeat: no-repeat;
|
||||
-webkit-mask-size: 100% 100%;
|
||||
mask-size: 100% 100%;
|
||||
}
|
||||
|
||||
.pajamas--log {
|
||||
display: inline-block;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M3.5 2.5v11h9v-11zM3 1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zm5 10a.75.75 0 0 1 .75-.75h1.75a.75.75 0 0 1 0 1.5H8.75A.75.75 0 0 1 8 11m-2 1a1 1 0 1 0 0-2a1 1 0 0 0 0 2m2-4a.75.75 0 0 1 .75-.75h1.75a.75.75 0 0 1 0 1.5H8.75A.75.75 0 0 1 8 8M6 9a1 1 0 1 0 0-2a1 1 0 0 0 0 2m2-4a.75.75 0 0 1 .75-.75h1.75a.75.75 0 0 1 0 1.5H8.75A.75.75 0 0 1 8 5M6 6a1 1 0 1 0 0-2a1 1 0 0 0 0 2' clip-rule='evenodd'/%3E%3C/svg%3E");
|
||||
background-color: currentColor;
|
||||
-webkit-mask-image: var(--svg);
|
||||
mask-image: var(--svg);
|
||||
-webkit-mask-repeat: no-repeat;
|
||||
mask-repeat: no-repeat;
|
||||
-webkit-mask-size: 100% 100%;
|
||||
mask-size: 100% 100%;
|
||||
}
|
||||
23
frontend/apps/allin-ssl/src/styles/naive-override.css
Normal file
23
frontend/apps/allin-ssl/src/styles/naive-override.css
Normal file
@@ -0,0 +1,23 @@
|
||||
.n-tabs .n-tabs-nav {
|
||||
background-color: var(--bt-card-bg-color) !important;
|
||||
border-radius: 0.8rem;
|
||||
}
|
||||
.n-tabs .n-tabs-nav .n-tabs-tab-pad {
|
||||
display: none;
|
||||
}
|
||||
.n-tabs .n-tabs-nav .n-tabs-tab-wrapper {
|
||||
border-radius: 0.8rem 0.8rem 0.8rem 0.8rem;
|
||||
}
|
||||
.n-tabs .n-tabs-tab {
|
||||
padding: 0 2.2rem;
|
||||
height: 5.2rem;
|
||||
}
|
||||
.n-tabs .n-tabs-tab.n-tabs-tab--active {
|
||||
background-color: var(--bt-card-bg-color-active) !important;
|
||||
}
|
||||
.n-tabs .n-tabs-tab:first-child {
|
||||
border-radius: 0.8rem 0 0 0.8rem;
|
||||
}
|
||||
.n-tabs .n-tabs-tab:last-child {
|
||||
border-radius: 0 0.8rem 0.8rem 0;
|
||||
}
|
||||
72
frontend/apps/allin-ssl/src/styles/reset.css
Normal file
72
frontend/apps/allin-ssl/src/styles/reset.css
Normal file
@@ -0,0 +1,72 @@
|
||||
@tailwind base;
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
|
||||
html,
|
||||
body,
|
||||
#app {
|
||||
@apply relative m-0 w-full h-full min-h-full text-[62.5%];
|
||||
}
|
||||
|
||||
/* 视图全局配置 */
|
||||
.n-config-provider,
|
||||
.n-layout {
|
||||
@apply h-full;
|
||||
}
|
||||
/* end */
|
||||
|
||||
/* 图片预处理 */
|
||||
img {
|
||||
/* 图片预处理 */
|
||||
image-rendering: -o-crisp-edges; /* Opera */
|
||||
image-rendering: -moz-crisp-edges; /* Firefox */
|
||||
image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */
|
||||
image-rendering: crisp-edges;
|
||||
-ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
|
||||
}
|
||||
/* end */
|
||||
|
||||
/** 滚动条覆盖 */
|
||||
[data-scroll-top='true']::after,
|
||||
[data-scroll-bottom='true']::before {
|
||||
@apply content-[''] absolute w-full h-[.6rem] z-[100];
|
||||
}
|
||||
[data-scroll-top='true']::after {
|
||||
background-image: -webkit-linear-gradient(top, rgba(220, 220, 220, 0.2), rgba(255, 255, 255, 0));
|
||||
top: 0;
|
||||
}
|
||||
[data-scroll-bottom='true']::before {
|
||||
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(220, 220, 220, 0.2));
|
||||
bottom: 0;
|
||||
}
|
||||
/* end */
|
||||
|
||||
/** 自定义Tab样式 */
|
||||
.n-tabs-nav--segment {
|
||||
background-color: transparent;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.n-tabs-tab.n-tabs-tab--active {
|
||||
background-color: #fff;
|
||||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
|
||||
font-weight: 600;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.n-tabs-tab {
|
||||
padding: 8px 16px;
|
||||
transition: all 0.3s ease;
|
||||
width: 100%;
|
||||
height: 45px;
|
||||
font-size: 18px;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.n-tabs-tab-wrapper{
|
||||
flex: 1 !important;
|
||||
}
|
||||
/* end */
|
||||
91
frontend/apps/allin-ssl/src/styles/transition.css
Normal file
91
frontend/apps/allin-ssl/src/styles/transition.css
Normal file
@@ -0,0 +1,91 @@
|
||||
.fade-enter-active,
|
||||
.fade-leave-active {
|
||||
transition: opacity 0.3s ease;
|
||||
}
|
||||
|
||||
.fade-enter-from,
|
||||
.fade-leave-to {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* 从右侧滑入 */
|
||||
.slide-right-enter-active,
|
||||
.slide-right-leave-active {
|
||||
transition: all 0.3s ease-out;
|
||||
}
|
||||
|
||||
.slide-right-enter-from {
|
||||
opacity: 0;
|
||||
transform: translateX(-20px);
|
||||
}
|
||||
|
||||
.slide-right-leave-to {
|
||||
opacity: 0;
|
||||
transform: translateX(20px);
|
||||
}
|
||||
|
||||
/* 从左侧滑入 */
|
||||
.slide-left-enter-active,
|
||||
.slide-left-leave-active {
|
||||
transition: all 0.3s ease-out;
|
||||
}
|
||||
|
||||
.slide-left-enter-from {
|
||||
opacity: 0;
|
||||
transform: translateX(20px);
|
||||
}
|
||||
|
||||
.slide-left-leave-to {
|
||||
opacity: 0;
|
||||
transform: translateX(-20px);
|
||||
}
|
||||
|
||||
/* 从底部滑入 */
|
||||
.slide-up-enter-active,
|
||||
.slide-up-leave-active {
|
||||
transition: all 0.3s ease-out;
|
||||
}
|
||||
|
||||
.slide-up-enter-from {
|
||||
opacity: 0;
|
||||
transform: translateY(20px);
|
||||
}
|
||||
|
||||
.slide-up-leave-to {
|
||||
opacity: 0;
|
||||
transform: translateY(-20px);
|
||||
}
|
||||
|
||||
/* 缩放过渡 */
|
||||
.scale-enter-active,
|
||||
.scale-leave-active {
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.scale-enter-from,
|
||||
.scale-leave-to {
|
||||
opacity: 0;
|
||||
transform: scale(0.9);
|
||||
}
|
||||
|
||||
/* 从左到右的渐显动画 */
|
||||
|
||||
.route-slide-enter-active,
|
||||
.route-slide-leave-active {
|
||||
transition:
|
||||
opacity 0.35s ease-out,
|
||||
transform 0.5s ease;
|
||||
}
|
||||
|
||||
.route-slide-enter-from {
|
||||
opacity: 0;
|
||||
transform: translateX(-40px);
|
||||
}
|
||||
|
||||
.route-slide-leave-to {
|
||||
opacity: 0;
|
||||
transition:
|
||||
opacity 0.2s ease-in,
|
||||
transform 0.35s ease-in;
|
||||
transform: translateX(40px);
|
||||
}
|
||||
10
frontend/apps/allin-ssl/src/styles/variable.css
Normal file
10
frontend/apps/allin-ssl/src/styles/variable.css
Normal file
@@ -0,0 +1,10 @@
|
||||
:root {
|
||||
--n-sider-width: 22rem; /* 侧边栏宽度,已经弃用，naive sider props width 替代 */
|
||||
--n-sider-login-height: var(--n-header-height); /* 侧边栏登录栏高度 */
|
||||
--n-header-height: 5rem; /* 顶部栏高度 */
|
||||
--n-footer-height: 4rem; /* 底部栏高度 */
|
||||
--n-main-diff-height: calc(var(--n-header-height)); /* 顶部栏和底部栏高度之和 */
|
||||
--n-content-margin: 1.2rem; /* 内容区内边距 */
|
||||
--n-content-padding: 1.2rem; /* 内容区内边距 */
|
||||
--n-dialog-title-padding: 0; /* 对话框标题内边距 */
|
||||
}
|
||||
Reference in New Issue
Block a user