YasinOnm08/interstellar_ai
0
0
Fork 0
forked from React-Group/interstellar_ai
Code Pull requests Activity

css removal unused lines

Browse source
This commit is contained in:
sageTheDM 2024-10-08 17:37:17 +02:00
parent 4b21fe04f3
commit 9c8bc39b9d
17 changed files with 138 additions and 352 deletions
Download patch file Download diff file Expand all files Collapse all files

46
app/styles/Login.css
View file

@ -1,6 +1,4 @@
/* Overlay for popup - full screen and centered */
.popup-overlay {
.popup-overlay{
position: fixed; /* Fixed to cover the entire viewport */
top: 0; /* Ensure it starts from the top */
left: 0;
@ -12,9 +10,7 @@
align-items: center;
z-index: 10000; /* Higher than the header to cover the screen */
}
/* Popup content box */
.popup-content {
.popup-content{
background-color: var(--popup-background-color); /* Use variable for background color */
color: var(--popup-text-color); /* Use variable for text color */
padding: 30px;
@ -24,9 +20,7 @@
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
position: relative; /* For positioning the close button */
}
/* Input styles */
.popup-content input {
.popup-content input{
width: 100%;
padding: 10px;
margin: 10px 0;
@ -35,14 +29,11 @@
font-size: 16px;
transition: border-color 0.3s;
}
.popup-content input:focus {
.popup-content input:focus{
border-color: var(--input-button-color);
outline: none; /* Remove default outline */
}
/* Close button styles */
.close-popup {
.close-popup{
background: var(--close-button-color); /* Use variable for close button color */
color: white; /* Use white for text color */
border: none;
@ -54,13 +45,10 @@
right: 10px; /* Distance from the right */
transition: background 0.3s;
}
.close-popup:hover {
.close-popup:hover{
background: darkred; /* Optional hover effect */
}
/* Log In button styles */
.log-into-account {
.log-into-account{
background: green; /* Use variable for login button color */
color: white;
border: none;
@ -69,13 +57,10 @@
cursor: pointer;
margin-top: 20px;
}
/* Footer section for popups */
.popup-footer {
.popup-footer{
margin-top: 15px;
}
.popup-footer button {
.popup-footer button{
margin-right: 10px;
padding: 8px 15px;
background-color: var(--input-button-color);
@ -84,22 +69,17 @@
border-radius: 5px;
transition: background-color 0.3s;
}
.popup-footer button:hover {
.popup-footer button:hover{
background-color: var(--input-button-hover-color);
}
.popup-footer a {
.popup-footer a{
color: var(--user-message-color);
text-decoration: none;
}
.popup-footer a:hover {
.popup-footer a:hover{
text-decoration: underline;
}
/* Paragraph styles within popup */
.popup-content p {
.popup-content p{
color: var(--popup-text-color); /* Use variable for paragraph text color */
margin: 10px;
}