Joururi/yorha-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added item card view for selection

Browse Source
This commit is contained in:
Alexis
2023-05-14 18:45:35 +02:00
parent 495c9ed1d0
commit 77f0b8ab7b
17 changed files with 146 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
public/backgrounds/tile-bg.svg Normal file
View File

@@ -0,0 +1,6 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 26.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 5 5" style="enable-background:new 0 0 5 5;" xml:space="preserve">
<polygon points="4.5,0 4.5,4.5 0,4.5 0,5 5,5 5,0 "/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 401 B

27
public/backgrounds/yorha-bg-left.svg Normal file
View File

@@ -0,0 +1,27 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 26.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 511 566" style="enable-background:new 0 0 511 566;" xml:space="preserve">
<style type="text/css">
.st0{opacity:0.2;}
.st1{clip-path:url(#SVGID_00000054248822295797075820000001563571821240251807_);}
.st2{fill:none;stroke:#1D1D1B;stroke-width:0.5;stroke-linecap:round;stroke-miterlimit:10;}
</style>
<g class="st0">
<defs>
<rect id="SVGID_1_" y="0.5" class="st0" width="511.5" height="566"/>
</defs>
<clipPath id="SVGID_00000000912880200899487680000006902560803219149977_">
<use xlink:href="#SVGID_1_" style="overflow:visible;"/>
</clipPath>
<g style="clip-path:url(#SVGID_00000000912880200899487680000006902560803219149977_);">
<g>
<circle class="st2" cx="1.3" cy="2.2" r="179.1"/>
<line class="st2" x1="-177.9" y1="-177" x2="476.1" y2="477"/>
<line class="st2" x1="-231" y1="-177.1" x2="338" y2="391.9"/>
<line class="st2" x1="-131.2" y1="-177.1" x2="437.8" y2="391.9"/>
<circle class="st2" cx="1.3" cy="2.2" r="170.2"/>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

29
public/backgrounds/yorha-bg-right.svg Normal file
View File

@@ -0,0 +1,29 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 26.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 511 566" style="enable-background:new 0 0 511 566;" xml:space="preserve">
<style type="text/css">
.st0{opacity:0.2;}
.st1{clip-path:url(#SVGID_00000158709037777668649130000009517331871316557969_);}
.st2{fill:none;stroke:#1D1D1B;stroke-width:0.5;stroke-linecap:round;stroke-miterlimit:10;}
</style>
<g class="st0">
<g>
<defs>
<rect id="SVGID_1_" y="0.5" width="511.5" height="566"/>
</defs>
<clipPath id="SVGID_00000057861603827395612620000008022258052803901577_">
<use xlink:href="#SVGID_1_" style="overflow:visible;"/>
</clipPath>
<g style="clip-path:url(#SVGID_00000057861603827395612620000008022258052803901577_);">
<g>
<circle class="st2" cx="510.8" cy="565.7" r="179.1"/>
<line class="st2" x1="690" y1="744.9" x2="36" y2="90.9"/>
<line class="st2" x1="743.1" y1="745" x2="174.1" y2="176"/>
<line class="st2" x1="643.3" y1="745" x2="74.3" y2="176"/>
<circle class="st2" cx="510.8" cy="565.7" r="170.2"/>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB