glax/tranga-website
1
0
Fork 0
mirror of https://github.com/C9Glax/tranga-website.git synced 2025-06-12 14:57:53 +02:00
Code Issues Packages Projects Releases Wiki Activity

Added manga sources to settings

Browse Source 
Added the manga sources to the settings page and added a field to set the rate limit, POST api for setting the rate limit awaiting GET api calls to set initial value.
This commit is contained in:
db-2001
2024-02-08 23:31:31 -05:00
parent 148af6abaa
commit 8bd6ad4c2b
11 changed files with 193 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
Website/styles/base.css
View File

@ -1,6 +1,6 @@
:root{
--background-color: #030304;
--second-background-color: #fff;
--second-background-color: white;
--primary-color: #f5a9b8;
--secondary-color: #5bcefa;
--blur-background: rgba(245, 169, 184, 0.58);
@ -320,12 +320,13 @@ popup-title {
display: flex;
margin-top: 3px;
margin-left: 5px;
color: var(--second-background-color);
}
popup-close {
border: none;
background-color: inherit;
color: inherit;
color: var(--second-background-color);;
font-weight: inherit;
font-size: 27px;
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
@ -382,6 +383,7 @@ border-bar-button.primary {
background-color: var(--secondary-color);
color: var(--accent-color);
border-color: var(--primary-color);
margin-right: 10px;
}
border-bar-button.primary:hover {
@ -447,6 +449,10 @@ popup-content > .popup-section {
padding: 5px;
}
.section-item.manga {
height: fit-content;
}
.section-item > .title {
font-weight: bold;
vertical-align: bottom;
@ -455,6 +461,25 @@ popup-content > .popup-section {
width: 100%;
}
a:link {
color: inherit;
text-decoration: none;
}
a:visited {
color: inherit;
text-decoration: none;
}
a:hover {
color: inherit;
text-decoration: underline solid var(--secondary-color) 3px;
}
a:active {
color: inherit;
text-decoration: none;
}
.section-item > .title > img {
width: auto;
@ -523,6 +548,32 @@ popup-content > .popup-section {
border-color: var(--secondary-color);
}
.section-item > row {
width: calc(100%-20px);
display: flex;
flex-direction: row;
align-items: center;
margin-left: 5px;
}
.section-item > row > input {
margin-left: auto;
margin-right: 2px;
padding: 2px;
height: 20px;
border-radius: 10px;
border-style: solid;
outline: none;
flex-grow: 0;
text-align: end;
float: right;
width: 200px;
}
.section-item > row > input:focus {
border-color: var(--secondary-color);
}
.section-buttons-container {
display: flex;
flex-direction: row;