meiri/alkator
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

better close button

Browse Source
This commit is contained in:
Martin Quarda 2024-05-09 11:11:26 +02:00
parent 43c61a3737
commit 424ce56ac6
2 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/scripts/index.js
View File

@ -4,7 +4,7 @@ import React, { Component } from 'react';
import { render } from "react-dom"; import { render } from "react-dom";
import Gallery from "react-photo-gallery"; import Gallery from "react-photo-gallery";
import Carousel, { Modal, ModalGateway } from "react-images"; import { Modal, ModalGateway } from "react-images";
import ImageGallery from "react-image-gallery"; import ImageGallery from "react-image-gallery";
@ -69,8 +69,8 @@ class Main extends Component {
this.setState({faq: !this.state.faq}); this.setState({faq: !this.state.faq});
} }
renderCloseButton(){ renderCloseButton(){
return <button onClick={(e) => {this.closePhoto()}}> return <button class="image-gallery-close image-gallery-icon" onClick={(e) => {this.closePhoto()}}>
<svg xmlns="http://www.w3.org/2000/svg" width="92" height="92" id="cross"><path d="M70.7 64.3c1.8 1.8 1.8 4.6 0 6.4-.9.9-2 1.3-3.2 1.3-1.2 0-2.3-.4-3.2-1.3L46 52.4 27.7 70.7c-.9.9-2 1.3-3.2 1.3s-2.3-.4-3.2-1.3c-1.8-1.8-1.8-4.6 0-6.4L39.6 46 21.3 27.7c-1.8-1.8-1.8-4.6 0-6.4 1.8-1.8 4.6-1.8 6.4 0L46 39.6l18.3-18.3c1.8-1.8 4.6-1.8 6.4 0 1.8 1.8 1.8 4.6 0 6.4L52.4 46l18.3 18.3z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" width="92" height="92" id="cross"><path fill="white" d="M70.7 64.3c1.8 1.8 1.8 4.6 0 6.4-.9.9-2 1.3-3.2 1.3-1.2 0-2.3-.4-3.2-1.3L46 52.4 27.7 70.7c-.9.9-2 1.3-3.2 1.3s-2.3-.4-3.2-1.3c-1.8-1.8-1.8-4.6 0-6.4L39.6 46 21.3 27.7c-1.8-1.8-1.8-4.6 0-6.4 1.8-1.8 4.6-1.8 6.4 0L46 39.6l18.3-18.3c1.8-1.8 4.6-1.8 6.4 0 1.8 1.8 1.8 4.6 0 6.4L52.4 46l18.3 18.3z"></path></svg>
</button> </button>
} }
render(){ render(){

8
frontend/src/styles/index.scss
View File

@ -82,4 +82,10 @@ form.container{
position:fixed; position:fixed;
overflow-y:scroll; overflow-y:scroll;
overflow-x:hidden; overflow-x:hidden;
} }
.image-gallery-close {
top:0;
right:0;
position: absolute;
}