@steedos-labs/content-compliance-bev 0.0.1 → 0.0.3

package/public/pepsico_login.css

@@ -0,0 +1,196 @@
+/* :root {
+    --private: #02355a;
+    --private-bg: rgb(33 81 161 / 15%);
+    --private-onHover-bg: rgb(33 81 161 / 20%);
+} */
+
+/* 
+button{
+    background-color: var(--private) !important;
+}
+
+input{
+    color: var(--private) !important;
+    border-color: var(--private) !important;
+}
+
+h2{
+    color: var(--private) !important;
+} */
+
+.fixed.bg-white.justify-center.mx-auto.h-full.w-full {
+    background-size: cover;
+    background-position: center;
+    background-repeat: no-repeat;
+}
+
+.flex.sm\:items-center.justify-center.mx-auto.overflow-auto.md\:p-10.h-full .text-sm {
+    font-size: 14px !important;
+}
+
+.flex.sm\:items-center.justify-center.mx-auto.overflow-auto.md\:p-10.h-full .mt-2.text-left.text-2xl.leading-9.font-extrabold.text-gray-900 {
+    display: none;
+}
+
+
+.flex.sm\:items-center.justify-center.mx-auto.overflow-auto.md\:p-10.h-full form {
+    display: flex;
+    flex-direction: column; /* 确保是纵向排列 */
+    margin-top: 0px !important;
+}
+
+.flex.sm\:items-center.justify-center.mx-auto.overflow-auto.md\:p-10.h-full .rounded-md {
+    order: 3;
+}
+
+.flex.sm\:items-center.justify-center.mx-auto.overflow-auto.md\:p-10.h-full .mt-6.flex.justify-end {
+    order: 6;
+    margin-top: 1rem;
+}
+
+.flex.sm\:items-center.justify-center.mx-auto.overflow-auto.md\:p-10.h-full .mt-6.flex.justify-end button{
+    border: solid 1px rgb(2 53 90 / var(--tw-bg-opacity));
+    background: none;
+    color: rgb(2 53 90 / var(--tw-bg-opacity));
+    font-weight: 400;
+}
+
+.flex.sm\:items-center.justify-center.mx-auto.overflow-auto.md\:p-10.h-full .flex:last-of-type {
+    order: 1;
+}
+
+.flex.sm\:items-center.justify-center.mx-auto.overflow-auto.md\:p-10.h-full .flex:last-of-type>a{
+    background-color: rgb(2 53 90 / var(--tw-bg-opacity));
+    color: #ffffff !important;
+    height: 60px;
+}
+
+.flex.sm\:items-center.justify-center.mx-auto.overflow-auto.md\:p-10.h-full .mt-6.mb-6.relative {
+    order: 2;
+}
+
+.flex.sm\:items-center.justify-center.mx-auto.overflow-auto.md\:p-10.h-full .h-10{
+    margin-bottom: 2rem;
+    height: auto !important;
+}
+
+.flex.sm\:items-center.justify-center.mx-auto.overflow-auto.md\:p-10.h-full .relative.rounded.p-10.sm\:shadow-md.bg-white.w-screen.max-w-md>div{
+    display: flex;
+    justify-content: center;
+}
+
+.flex.sm\:items-center.justify-center.mx-auto.overflow-auto.md\:p-10.h-full .MuiPaper-root.MuiSnackbarContent-root.jss4.jss2.MuiPaper-elevation0{
+    order: 4;
+}
+
+.flex.sm\:items-center.justify-center.mx-auto.overflow-auto.md\:p-10.h-full .absolute.bottom-0.left-0.right-0.text-center.m-2.text-gray-500.text-sm{
+    display: none !important;
+}
+
+.flex.sm\:items-center.justify-center.mx-auto.overflow-auto.md\:p-10.h-full form{
+    margin-bottom: 40px;
+}
+
+.flex.sm\:items-center.justify-center.mx-auto.overflow-auto.md\:p-10.h-full .agreement-container{
+    z-index: 999;
+    display: block;
+    position: absolute;
+    /* bottom: -30px; */
+    bottom: 40px;
+    font-size: 12px;
+}
+
+.flex.sm\:items-center.justify-center.mx-auto.overflow-auto.md\:p-10.h-full .agreement-container a{
+    color: rgb(2 53 90 / var(--tw-bg-opacity)) !important;
+    background-color: none !important;
+    text-decoration-line: underline;
+    font-size: 12px;
+}
+
+.flex.sm\:items-center.justify-center.mx-auto.overflow-auto.md\:p-10.h-full .agreement-container input{
+    margin-right: 5px;
+}
+
+.flex.sm\:items-center.justify-center.mx-auto.overflow-auto.md\:p-10.h-full .privacy-message{
+    color: #f87e73; 
+    display: none; 
+    margin-top: 20px;
+    font-size: 12px;
+    position: absolute;
+}
+
+.flex.sm\:items-center.justify-center.mx-auto.overflow-auto.md\:p-10.h-full input{
+    font-size: 14px !important;
+}
+
+@keyframes shake {
+    0%, 100% { transform: translateX(0); }
+    25% { transform: translateX(-5px); }
+    50% { transform: translateX(5px); }
+    75% { transform: translateX(-5px); }
+}
+
+.flex.sm\:items-center.justify-center.mx-auto.overflow-auto.md\:p-10.h-full .shake.show {
+    display: block;
+    animation: shake 0.5s;
+}
+
+
+@media (max-width: 768px) {
+    .flex.sm\:items-center.justify-center.mx-auto.overflow-auto.md\:p-10.h-full .mt-6.flex.justify-end button {
+        color: #ffffff !important;
+        --tw-border-opacity: 1;
+        background-color: rgb(2 53 90 / var(--tw-bg-opacity));
+        border-color: rgb(209 213 219 / var(--tw-border-opacity)) !important;
+    }
+    
+    .flex.sm\:items-center.justify-center.mx-auto.overflow-auto.md\:p-10.h-full .agreement-container {
+        color: #ffffff !important;
+    }
+
+    .flex.sm\:items-center.justify-center.mx-auto.overflow-auto.md\:p-10.h-full .agreement-container a{
+        color: #ffffff !important
+    }
+
+    .flex.sm\:items-center.justify-center.mx-auto.overflow-auto.md\:p-10.h-full .relative.rounded.p-10.sm\:shadow-md.bg-white.w-screen.max-w-md{
+        background-image: url(/content-review/bg-mobile.png);
+        background-size: cover;
+        background-repeat: no-repeat;
+        background-position: unset;
+        background-attachment: flex;
+        background-attachment: fixed;
+    }
+
+
+    .flex.sm\:items-center.justify-center.mx-auto.overflow-auto.md\:p-10.h-full form{
+        margin-top: 60% !important;
+    }
+
+    .flex.sm\:items-center.justify-center.mx-auto.overflow-auto.md\:p-10.h-full .flex:last-of-type>a{
+        height: 36px !important;
+        border-width: 0px !important;
+        box-shadow: 0px 5px 15px #0d457da6 !important;
+    }
+
+    .flex.sm\:items-center.justify-center.mx-auto.overflow-auto.md\:p-10.h-full .mt-6.flex.justify-end button{
+        border-width: 0px !important;
+        box-shadow: 0px 5px 15px #0d457da6 !important;
+    }
+
+    .flex.sm\:items-center.justify-center.mx-auto.overflow-auto.md\:p-10.h-full form>.mt-6.mb-6.relative>.absolute{
+        display: none !important;
+    }
+    .flex.sm\:items-center.justify-center.mx-auto.overflow-auto.md\:p-10.h-full form>.mt-6.mb-6.relative span{
+        background-color: transparent !important;
+        color: #ffffff !important;
+    }
+
+}
+
+
+.flex.sm\:items-center.justify-center.mx-auto.overflow-auto.md\:p-10.h-full .w-full.border.border-gray-300.justify-center.hover\:bg-gray-50.text-gray-800.py-2.px-4.rounded.inline-flex.items-center img{
+    display: none !important;
+}
+.flex.sm\:items-center.justify-center.mx-auto.overflow-auto.md\:p-10.h-full .w-full.border.border-gray-300.justify-center.hover\:bg-gray-50.text-gray-800.py-2.px-4.rounded.inline-flex.items-center span{
+    font-weight: bold;
+}

package/public/{dynamic.js → pepsico_login.js}

@@ -11,8 +11,6 @@ document.title = "内容审核";
 // }
 
 // document.head.appendChild(link);
-
-
 function appendAgreement() {
     const element = document.querySelector('.relative.rounded.p-10.sm\\:shadow-md.bg-white.w-screen.max-w-md');
     if (element) {