glax/Tranga-Website
1
0
Fork 0
Code Issues Pull Requests Releases Activity

BlurBackground now has glass-style

Browse Source 
List of newManga now scrolls sideways
This commit is contained in:
glax 2023-09-01 23:43:30 +02:00
parent 2c36b1f64e
commit 6c8dcee056
1 changed files with 11 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
Website/style.css
View File

@ -339,21 +339,15 @@ popup popup-window popup-content input, select {
#newMangaResult { #newMangaResult {
display: none; display: none;
flex-direction: column; flex-direction: row;
margin: 5px auto 0 !important; justify-content: center;
margin: 5px auto 0;
border-radius: 5px; border-radius: 5px;
padding: 5px; padding: 5px;
width: 590px !important; width: min-content;
max-height: 500px; max-width: 98%;
flex-grow: 1; max-height: 400px;
overflow-y: scroll; overflow-x: scroll;
background-color: white;
color: black;
}
#newMangaResult .mangaResultItem {
width: 100%;
margin: 2px 0 !important;
} }
blur-background { blur-background {
@ -361,8 +355,10 @@ blur-background {
height: 100%; height: 100%;
position: absolute; position: absolute;
left: 0; left: 0;
background-color: black; background: rgba(245, 169, 184, 0.58);
opacity: 0.5; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(4.5px);
-webkit-backdrop-filter: blur(4.5px);
} }
#publicationViewerPopup{ #publicationViewerPopup{