Etheryo/curriculum-vitae
1
0
Fork 0
Code Issues 2 Pull requests Projects Releases 1 Packages Wiki Activity Actions

Frontend: fixing some scrolling issues

Browse source
This commit is contained in:
Yohan Boujon 2024-01-28 16:10:41 +01:00
parent 73229a5d06
commit 44d3af1595
2 changed files with 12 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/src/lib/components/projects-popup.svelte
View file

@ -92,7 +92,7 @@
<div class="project-popup-container"> <div class="project-popup-container">
<!-- Information --> <!-- Information -->
<div> <div class="prout">
<h1 class="slide-title">{title}</h1> <h1 class="slide-title">{title}</h1>
<div class="project-popup-img-container"> <div class="project-popup-img-container">
<img class="project-popup-img" src={picture} alt="Project Popup" /> <img class="project-popup-img" src={picture} alt="Project Popup" />

17
frontend/src/lib/css/project-popup.css
View file

@ -1,10 +1,10 @@
#project-popup-main { #project-popup-main {
height: 80dvh; height: 80dvh;
top: calc(10vh - 1.5rem);
/* 100-height/2 */ /* 100-height/2 */
width: 50dvw; top: calc(10vh - 1.5rem);
left: calc(25vw - 1.5rem); width: 60dvw;
/* 100-width/2 */ /* 100-width/2 */
left: calc(20vw - 1.5rem);
border-radius: 0.4rem; border-radius: 0.4rem;
box-shadow: 0px 20px 50px -10px rgba(0, 0, 0, 0.2); box-shadow: 0px 20px 50px -10px rgba(0, 0, 0, 0.2);
position: fixed; position: fixed;
@ -18,8 +18,8 @@
height: 100%; height: 100%;
width: 100%; width: 100%;
position: fixed; position: fixed;
background-color: rgba(0, 0, 0, 0.5); background-color: rgba(0, 0, 0, 0.6);
backdrop-filter: blur(1.5rem); backdrop-filter: blur(1rem);
z-index: 4; z-index: 4;
visibility: hidden; visibility: hidden;
} }
@ -56,7 +56,7 @@
.project-popup-img-container { .project-popup-img-container {
display: flex; display: flex;
justify-content: center; justify-content: center;
height: 17.25rem; height: 30dvh;
} }
.project-popup-img { .project-popup-img {
@ -77,6 +77,11 @@
.project-popup-container>div { .project-popup-container>div {
width: 50%; width: 50%;
margin: 0.5rem; margin: 0.5rem;
padding-left: 1rem;
padding-right: 1rem;
overflow-y : scroll;
overflow-x: hidden;
height: 80dvh;
} }
.project-popup-subinfo-container { .project-popup-subinfo-container {