mirrors/it-tools
1
0
Fork 0
mirror of https://github.com/CorentinTh/it-tools.git synced 2025-04-23 00:06:15 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

refactor(style): updated linter config

Browse source
This commit is contained in:
Corentin Thomasset 2022-04-15 23:10:47 +02:00
parent 39746e07c5
commit 6b58ec554a
No known key found for this signature in database
GPG key ID: DBD997E935996158
27 changed files with 1144 additions and 571 deletions
Download patch file Download diff file Expand all files Collapse all files

33
src/components/MenuLayout.vue
View file

@ -1,15 +1,28 @@
<template>
<n-layout has-sider>
<n-layout-sider bordered collapse-mode="width" :collapsed-width="0" :width="240" :collapsed="isMenuCollapsed"
@collapse="isMenuCollapsed = true" @expand="isMenuCollapsed = false" :show-trigger="false"
:native-scrollbar="false" :position="siderPosition">
<slot name="sider" />
</n-layout-sider>
<n-layout class="content">
<slot name="content" />
<div class="overlay" v-show="isSmallScreen && !isMenuCollapsed" @click="isMenuCollapsed = true" />
</n-layout>
<n-layout has-sider>
<n-layout-sider
bordered
collapse-mode="width"
:collapsed-width="0"
:width="240"
:collapsed="isMenuCollapsed"
:show-trigger="false"
:native-scrollbar="false"
:position="siderPosition"
@collapse="isMenuCollapsed = true"
@expand="isMenuCollapsed = false"
>
<slot name="sider" />
</n-layout-sider>
<n-layout class="content">
<slot name="content" />
<div
v-show="isSmallScreen && !isMenuCollapsed"
class="overlay"
@click="isMenuCollapsed = true"
/>
</n-layout>
</n-layout>
</template>
<script setup lang="ts">

37
src/components/SearchBar.vue
View file

@ -32,19 +32,30 @@ function onSelect(path: string) {
</script>
<template>
<div class="search-bar">
<n-auto-complete :options="options" v-model:value="queryString" :input-props="{ autocomplete: 'disabled' }"
:on-select="onSelect">
<template #default="{ handleInput, handleBlur, handleFocus, value: slotValue }">
<n-input round clearable placeholder="Search a tool..." :value="slotValue" @input="handleInput"
@focus="handleFocus" @blur="handleBlur">
<template #prefix>
<n-icon :component="SearchRound" />
</template>
</n-input>
</template>
</n-auto-complete>
</div>
<div class="search-bar">
<n-auto-complete
v-model:value="queryString"
:options="options"
:input-props="{ autocomplete: 'disabled' }"
:on-select="onSelect"
>
<template #default="{ handleInput, handleBlur, handleFocus, value: slotValue }">
<n-input
round
clearable
placeholder="Search a tool..."
:value="slotValue"
@input="handleInput"
@focus="handleFocus"
@blur="handleBlur"
>
<template #prefix>
<n-icon :component="SearchRound" />
</template>
</n-input>
</template>
</n-auto-complete>
</div>
</template>

31
src/components/ToolCard.vue
View file

@ -1,15 +1,24 @@
<template>
<router-link :to="tool.path">
<n-card class="tool-card">
<n-icon class="icon" size="40" :component="tool.icon" />
<n-h3 class="title">
<n-ellipsis>{{ tool.name }}</n-ellipsis>
</n-h3>
<div class="description">
<n-ellipsis :line-clamp="2" :tooltip="false">{{ tool.description }}</n-ellipsis>
</div>
</n-card>
</router-link>
<router-link :to="tool.path">
<n-card class="tool-card">
<n-icon
class="icon"
size="40"
:component="tool.icon"
/>
<n-h3 class="title">
<n-ellipsis>{{ tool.name }}</n-ellipsis>
</n-h3>
<div class="description">
<n-ellipsis
:line-clamp="2"
:tooltip="false"
>
{{ tool.description }}
</n-ellipsis>
</div>
</n-card>
</router-link>
</template>
<script setup lang="ts">