move loader to search bar

This commit is contained in:
geoffrey45
2021-12-31 21:56:38 +03:00
parent d74aee0c46
commit 1cb6843dc3
12 changed files with 76 additions and 68 deletions
+1 -24
View File
@@ -9,14 +9,13 @@
<div>
<input type="search" placeholder="Search this directory" />
</div>
<div v-if="loading" class="loader"></div>
</div>
</div>
</template>
<script>
export default {
props: ["path", "loading"],
props: ["path"],
};
</script>
@@ -39,28 +38,6 @@ export default {
position: relative;
width: 50%;
padding-right: 3rem;
.loader {
position: absolute;
top: $small;
right: 0;
width: 2rem;
height: 2rem;
border-radius: 50%;
border: solid;
border-top: solid rgb(255, 174, 0);
border-left: solid rgb(255, 174, 0);
animation: spin .2s linear infinite;
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
}
}
.folder-top .fsearch div {