shishantbiswas/JustAnime
1
0
Fork 0
mirror of https://github.com/JustAnimeCore/JustAnime.git synced 2026-04-17 22:01:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

splash screen

Browse Source
This commit is contained in:
Tejas Panchal
2026-02-18 22:48:45 +05:30
parent 27aae07c6d
commit c8e5d6fa84
1 changed files with 16 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/components/splashscreen/SplashScreen.css
View File

@@ -19,20 +19,17 @@ html {
/* Container and background */ /* Container and background */
.splash-container { .splash-container {
min-height: 100vh; min-height: 100vh;
width: 100vw; width: 100%;
position: fixed; position: relative;
background: url('/splash.jpg'); background: url('/splash.jpg');
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% auto; background-size: cover;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: flex-start; align-items: flex-start;
padding: 0 30px; padding: 0 30px;
overflow: auto;
margin: 0; margin: 0;
left: 0;
top: 0;
} }
@media (max-width: 768px) { @media (max-width: 768px) {
@@ -73,7 +70,8 @@ html {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
padding-top: 140px; padding-top: 120px;
padding-bottom: 50px;
} }
/* Logo */ /* Logo */
@@ -82,7 +80,7 @@ html {
} }
.logo { .logo {
height: 75px; height: 65px;
width: auto; width: auto;
} }
@@ -96,12 +94,12 @@ html {
.search-input { .search-input {
width: 100%; width: 100%;
padding: 14px 48px 14px 20px; padding: 12px 42px 12px 18px;
background: rgba(17, 17, 17, 0.75); background: rgba(17, 17, 17, 0.75);
border: 1px solid rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 8px; border-radius: 8px;
color: white; color: white;
font-size: 16px; font-size: 15px;
outline: none; outline: none;
transition: border-color 0.2s; transition: border-color 0.2s;
} }
@@ -136,7 +134,7 @@ html {
.enter-button { .enter-button {
background: rgba(255, 255, 255, 0.9); background: rgba(255, 255, 255, 0.9);
color: black; color: black;
padding: 14px 28px; padding: 12px 24px;
border-radius: 8px; border-radius: 8px;
text-decoration: none; text-decoration: none;
font-weight: 500; font-weight: 500;
@@ -175,10 +173,10 @@ html {
} }
.faq-title { .faq-title {
font-size: 32px; font-size: 28px;
font-weight: 700; font-weight: 700;
text-align: center; text-align: center;
margin-bottom: 40px; margin-bottom: 30px;
color: white; color: white;
} }
@@ -197,14 +195,14 @@ html {
.faq-question { .faq-question {
width: 100%; width: 100%;
padding: 18px 24px; padding: 16px 20px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
background: none; background: none;
border: none; border: none;
color: white; color: white;
font-size: 17px; font-size: 16px;
text-align: left; text-align: left;
cursor: pointer; cursor: pointer;
transition: all 0.2s ease; transition: all 0.2s ease;
@@ -226,10 +224,10 @@ html {
} }
.faq-answer { .faq-answer {
padding: 0 24px 18px; padding: 0 20px 16px;
color: #999; color: #999;
line-height: 1.6; line-height: 1.6;
font-size: 15px; font-size: 14px;
} }
/* Responsive adjustments */ /* Responsive adjustments */
@@ -335,4 +333,4 @@ html {
font-size: 20px; font-size: 20px;
margin-bottom: 20px; margin-bottom: 20px;
} }
} }