diff --git a/README.md b/README.md index 466d5d1d..e14a97b4 100644 --- a/README.md +++ b/README.md @@ -2,7 +2,7 @@ ### Xeorl - The All-In-One, Fully Free to Use Advanced Link Shortener and Management Tool - Powered by [@xodivorce](https://instagram.com/xodivorce) ✨ [![status](https://img.shields.io/badge/status-active-brightgreen.svg?style=flat)](https://github.com/xeorl/xeorl-portfolio/) -[![version](https://img.shields.io/badge/version-v4.1.1-yellow.svg?style=flat)](https://github.com/xeorl/xeorl-portfolio/) +[![version](https://img.shields.io/badge/version-v4.1.2-yellow.svg?style=flat)](https://github.com/xeorl/xeorl-portfolio/) [![PRs](https://img.shields.io/badge/PRs-welcome-blue.svg?style=flat)](https://github.com/xeorl/xeorl-portfolio/)

diff --git a/htdocs/.DS_Store b/htdocs/.DS_Store index d9de30c2..b83e8a0a 100644 Binary files a/htdocs/.DS_Store and b/htdocs/.DS_Store differ diff --git a/htdocs/.env.example b/htdocs/.env.example index 64a3af32..2c71e6c6 100644 --- a/htdocs/.env.example +++ b/htdocs/.env.example @@ -12,3 +12,5 @@ SMTP_PORT= "Your SMTP Port Here" CLIENT_ID = "Your Google Client ID Here" CLIENT_SECRET = "Your Google Client Secret Here" REDIRECT_URI = "Your Google Redirect URI Here" +# for this project REDIRECT_URI; +# [path-to-project-directory/xeorl/htdocs/core/redirect_google.php] diff --git a/htdocs/assets/.DS_Store b/htdocs/assets/.DS_Store index 99428dd8..9879712f 100755 Binary files a/htdocs/assets/.DS_Store and b/htdocs/assets/.DS_Store differ diff --git a/htdocs/assets/css/_forgot_pass.css b/htdocs/assets/css/_forgot_pass.css index 8ee9ce08..45cd84bc 100644 --- a/htdocs/assets/css/_forgot_pass.css +++ b/htdocs/assets/css/_forgot_pass.css @@ -409,7 +409,6 @@ body { } .input-field { padding: 12px; - border: 0.5px solid var(--container-bg); border-radius: 5px; width: 48%; } @@ -430,8 +429,7 @@ body { display: inline-block; width: 12px; height: 12px; - background-color: #171C24; - border: 1px solid var(--right-bg); + border-radius: 3px; margin-right: 8px; } @@ -448,7 +446,6 @@ body { display: inline-flex; align-items: center; font-size: 11px; - color: var(--text-white); cursor: pointer; } .forgot-password-link { @@ -460,8 +457,8 @@ body { } .submit-button { width: 100%; - margin-top: -10px; - padding: 8px; + margin-top: -0px; + padding: 12px; font-size: 14px; } .divider { @@ -469,7 +466,6 @@ body { font-size: var(--font-size-medium); margin: 10px 0; margin-top: 10px; - color: var(--input-color); position: relative; } @@ -485,6 +481,7 @@ body { } } @media (max-width: 838px) { + .header { display: none; /* Hide the header with logo and back button */ } @@ -508,12 +505,20 @@ body { } } @media (max-width: 450px) { - .container { - width: 90%; /* Keep responsive */ - max-width: 300px; /* Reduce maximum width */ - margin: auto; /* Center the container */ - height: auto; /* Allow height to adjust based on content */ + +body { + font-family: var(--main-font); + background-color: #444445; + display: flex; + justify-content: center; + align-items: center; + height: 100vh; +} + + .left-section{ + display: none; } + .eye-icon { width: 20px; height: 20px; @@ -552,7 +557,6 @@ body { font-size: var(--font-size-medium); margin: 8px 0; margin-top: 10px; - color: var(--input-color); position: relative; } .divider::before, diff --git a/htdocs/assets/css/_login.css b/htdocs/assets/css/_login.css index 7fa231cf..2690828e 100644 --- a/htdocs/assets/css/_login.css +++ b/htdocs/assets/css/_login.css @@ -419,7 +419,6 @@ body { } .input-field { padding: 12px; - border: 0.5px solid var(--container-bg); border-radius: 5px; width: 48%; } @@ -440,8 +439,7 @@ body { display: inline-block; width: 12px; height: 12px; - background-color: #171C24; - border: 1px solid var(--right-bg); + border-radius: 3px; margin-right: 8px; } @@ -458,7 +456,6 @@ body { display: inline-flex; align-items: center; font-size: 11px; - color: var(--text-white); cursor: pointer; } .forgot-password-link { @@ -479,7 +476,6 @@ body { font-size: var(--font-size-medium); margin: 10px 0; margin-top: 10px; - color: var(--input-color); position: relative; } @@ -495,6 +491,7 @@ body { } } @media (max-width: 838px) { + .header { display: none; /* Hide the header with logo and back button */ } @@ -518,12 +515,20 @@ body { } } @media (max-width: 450px) { - .container { - width: 90%; /* Keep responsive */ - max-width: 300px; /* Reduce maximum width */ - margin: auto; /* Center the container */ - height: auto; /* Allow height to adjust based on content */ + +body { + font-family: var(--main-font); + background-color: #444445; + display: flex; + justify-content: center; + align-items: center; + height: 100vh; +} + + .left-section{ + display: none; } + .eye-icon { width: 20px; height: 20px; @@ -538,7 +543,10 @@ body { padding: 10px; /* Reduce input padding */ margin-top: -2px; /* Space between input fields */ } - + .error-message { + margin-top: -25px !important; + margin-bottom: 10px !important; + } .checkbox-forgot-container { display: flex; /* Keep them in one line */ @@ -562,7 +570,6 @@ body { font-size: var(--font-size-medium); margin: 8px 0; margin-top: 10px; - color: var(--input-color); position: relative; } .divider::before, diff --git a/htdocs/assets/css/_register.css b/htdocs/assets/css/_register.css index 642254ae..c3e1c084 100644 --- a/htdocs/assets/css/_register.css +++ b/htdocs/assets/css/_register.css @@ -360,4 +360,201 @@ body { justify-content: center; align-items: center; transition: background-color 0.3s, border-color 0.3s; -} \ No newline at end of file +} + +@media (max-width: 990px) { + /* Adjust text sizes */ + body { + font-size: 14px; /* Adjust base font size */ + } + .container { + width: 900px; + height: 500px; + margin: 0 5%; + } + + .logo{ + width: 180px; + } + + .content h2 { + font-size: 26px; + } + + .back-button{ + font-size: 12px; + padding: 9px 18px; + cursor: pointer; + transition: background 0.3s; + z-index: 3; + } + + .form-container h1 { + font-size: 24px; /* Adjust header size */ + } + + .form-container h2 { + font-size: 30px; /* Adjust subheader size */ + } + + .form-container p { + font-size: 12px; /* Adjust paragraph size */ + } + .input-field { + padding: 12px; + border-radius: 5px; + width: 48%; + } + .input-container { + margin-bottom: 15px; + } + .eye-icon { + position: absolute; + right: 15px; + top: 40%; + transform: translateY(-50%); + cursor: pointer; + width: 22px; + height: 22px; + } + .checkbox-container label::before { + content: ""; + display: inline-block; + width: 12px; + height: 12px; + + border-radius: 3px; + margin-right: 8px; + } + .custom-checkbox:checked + label::after { + top: 50%; + left: 4.0%; + font-size: 14px; + } + .checkbox-container p { + font-size: 12px; + } + .checkbox-container label { + position: relative; + display: inline-flex; + align-items: center; + font-size: 11px; + cursor: pointer; + } + .forgot-password-link { + font-size: 12px; + margin-left: 10px; /* Add spacing to push the link to the right of the checkbox */ + } + .beta-notice { + font-size: 12px !important; /* Force the font size to apply */ + } + .submit-button { + width: 100%; + margin-top: -10px; + padding: 8px; + font-size: 14px; + } + .divider { + text-align: center; + font-size: var(--font-size-medium); + margin: 10px 0; + margin-top: 10px; + position: relative; + } + + .google-btn, .apple-btn { + width: 48%; + padding: 10px; + margin-top: 3px; + } + .google-btn img, .apple-btn img { + margin-right: 10px; + width: 18px; + height: 18px; + } +} +@media (max-width: 838px) { + + .header { + display: none; /* Hide the header with logo and back button */ + } + + .container { + flex-direction: column; + height: auto; + } + .left-section { + display: none; /* Hide the left section */ + } + + .right-section { + width: 100%; + padding: 20px; + } + + .form-container { + padding: 20px; + } +} +@media (max-width: 450px) { + +body { + font-family: var(--main-font); + background-color: #444445; + display: flex; + justify-content: center; + align-items: center; + height: 100vh; +} + + .left-section{ + display: none; + } + + .eye-icon { + width: 20px; + height: 20px; + } + + .form-container { + padding: 5px; /* Reduce padding */ + margin: 0; /* Remove margins */ + } + + .input-field { + padding: 10px; /* Reduce input padding */ + margin-top: -2px; /* Space between input fields */ + } + + + .checkbox-forgot-container { + display: flex; /* Keep them in one line */ + justify-content: space-between; /* Space between elements */ + align-items: center; /* Center vertically */ + margin-top: -10px; + flex-wrap: nowrap; + margin-bottom: 5px; /* Reduce space below */ + } + + .beta-notice { + font-size: 11px; /* Reduce font size for less height */ + margin-top: 3px; /* Further reduce top margin */ + } + + .forgot-password-link { + margin-right: 0; /* Remove margin to the right */ + } + .divider { + text-align: center; + font-size: var(--font-size-medium); + margin: 8px 0; + margin-top: 10px; + position: relative; + } + .divider::before, + .divider::after { + top: 50%; + width: 30%; + } + +} diff --git a/htdocs/assets/images/.DS_Store b/htdocs/assets/images/.DS_Store index f7a89ff5..f259856c 100755 Binary files a/htdocs/assets/images/.DS_Store and b/htdocs/assets/images/.DS_Store differ diff --git a/htdocs/login.php b/htdocs/login.php index 6cc1ed04..fb250e2a 100644 --- a/htdocs/login.php +++ b/htdocs/login.php @@ -49,7 +49,7 @@ session_start(); " . $_SESSION['error'] . ""; + echo "
" . $_SESSION['error'] . "
"; unset($_SESSION['error']); } ?>