fixed lucide icon alignments (#103)

This commit is contained in:
Utsob Roy 2023-03-07 14:02:44 +06:00 committed by GitHub
parent 548d04ce8c
commit 4edcab6f16
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 9 additions and 3 deletions

View File

@ -8,7 +8,7 @@
</div> </div>
{% elif fileOrFolder.isFolder%} {% elif fileOrFolder.isFolder%}
<div class="folder inner-folder" x-data="{isOpen: $persist(false).as('{{currentPath}}')}" @click.stop="isOpen=!isOpen"> <div class="folder inner-folder" x-data="{isOpen: $persist(false).as('{{currentPath}}')}" @click.stop="isOpen=!isOpen">
<div class="foldername-wrapper"> <div class="foldername-wrapper align-icon">
<i x-show="isOpen" style="display: none;" icon-name="chevron-down"></i> <i x-show="isOpen" style="display: none;" icon-name="chevron-down"></i>
<i x-show="!isOpen" icon-name="chevron-right"></i> <i x-show="!isOpen" icon-name="chevron-right"></i>
<span class="foldername">{{fileOrFolderName}}</span> <span class="foldername">{{fileOrFolderName}}</span>

View File

@ -1,4 +1,4 @@
<div class="search-button" onclick="toggleSearch()"> <div class="search-button align-icon" onclick="toggleSearch()">
<span class="search-icon"> <span class="search-icon">
<i icon-name="search" ></i> <i icon-name="search" ></i>
</span> </span>

View File

@ -7,7 +7,7 @@
<span>Enter to select</span> <span>Enter to select</span>
</div> </div>
<div class="navigation-hint"> <div class="navigation-hint align-icon">
<i icon-name="arrow-up" aria-hidden="true"></i> <i icon-name="arrow-up" aria-hidden="true"></i>
<i icon-name="arrow-down" aria-hidden="true"></i> <i icon-name="arrow-down" aria-hidden="true"></i>
<span>to navigate</span> <span>to navigate</span>

View File

@ -735,3 +735,9 @@ body.links-note-icon .internal-link[data-note-icon="3"]::before {
align-items: center; align-items: center;
} }
} }
.align-icon {
display: inline-flex;
align-items: center;
}