change attach and detach icons,

imrpove action bar layout

Signed-off-by: Arthur Lu <learthurgo@gmail.com>
This commit is contained in:
Arthur Lu 2023-01-19 02:23:28 +00:00
parent 1bb0aa5d3e
commit 2298b907d9
3 changed files with 27 additions and 2 deletions

View File

@ -81,4 +81,5 @@ hr {
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
align-items: center; align-items: center;
column-gap: 5px;
} }

View File

@ -1 +1,13 @@
<svg width="800" height="800" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M175.541 451.418c-34.837 0-67.605-13.568-92.245-38.208-50.859-50.86-50.859-133.632 0-184.491L257.269 54.746l27.158 27.178-173.974 173.952c-35.882 35.904-35.882 94.294 0 130.176 17.387 17.387 40.512 26.966 65.088 26.966 24.576 0 47.702-9.58 65.088-26.966l172.118-172.117c21.397-21.397 21.397-56.192 0-77.59-20.736-20.757-56.896-20.693-77.59-.02L166.603 304.75c-3.542 3.541-5.483 8.256-5.483 13.27 0 5.013 1.941 9.727 5.504 13.269 7.083 7.146 19.477 7.104 26.56 0l141.504-141.483 27.157 27.179-141.482 141.482c-22.336 22.294-58.603 22.25-80.896 0-22.294-22.293-22.294-58.602 0-80.874L308.02 109.188c17.579-17.6 41.024-27.306 65.942-27.306 24.896 0 48.32 9.685 65.962 27.306 36.352 36.374 36.352 95.552 0 131.926L267.787 413.21c-24.64 24.64-57.387 38.208-92.246 38.208" fill="#fff"/></svg> <?xml version="1.0" encoding="utf-8"?>
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_429_11260)">
<path d="M12 19L12 5" stroke="#292929" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M5 12L12 19L19 12" stroke="#292929" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_429_11260">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 882 B

After

Width:  |  Height:  |  Size: 606 B

View File

@ -1 +1,13 @@
<svg fill="#fff" height="800" width="800" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M8 24c-1.9 0-3.6-.7-4.9-2C1.7 20.7 1 18.9 1 17.1s.7-3.6 2-4.9l2.5-2.5 1.4 1.4-2.5 2.5c-.9.9-1.4 2.2-1.4 3.5s.5 2.6 1.4 3.5c1 1 2.2 1.5 3.5 1.5s2.6-.5 3.5-1.4l2.6-2.6 1.4 1.4-2.5 2.5c-1.3 1.3-3.1 2-4.9 2zm11.2-3.2L3.3 4.9l1.4-1.4L8.2 7l5.5-5.5C14.5.6 15.8 0 17.1 0c1.3 0 2.6.5 3.5 1.5 1 1 1.5 2.2 1.5 3.6 0 1.3-.5 2.6-1.5 3.5L15.1 14l1.4 1.4 4.4-4.3 1.4 1.4-4.3 4.3 2.6 2.6-1.4 1.4zm-6.8-9.6l1.4 1.4 5.5-5.5c.6-.6.9-1.3.9-2.1s-.3-1.5-.9-2.1c-.7-.6-1.5-.9-2.2-.9-.8 0-1.5.3-2.1.9L9.6 8.4 11 9.8l4.3-4.3 1.4 1.4-4.3 4.3zM8 20c-.8 0-1.5-.3-2.1-.9-.6-.6-.9-1.3-.9-2.1s.3-1.5.9-2.1l2.5-2.5 1.4 1.4-2.5 2.5c-.2.2-.3.4-.3.7 0 .3.1.5.3.7.4.4 1 .4 1.4 0l2.5-2.5 1.4 1.4-2.5 2.5c-.6.6-1.4.9-2.1.9z"/></svg> <?xml version="1.0" encoding="utf-8"?>
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_429_11253)">
<path d="M12 5L12 19" stroke="#292929" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M19 12L12 5L5 12" stroke="#292929" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_429_11253">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 801 B

After

Width:  |  Height:  |  Size: 605 B