feat(components): добавить иконки файлов и директорий

anti-pode · anti-pode · commit d83edec34da9 · 2025-07-27T20:46:40.000+07:00
diff --git a/docs/assets/index-DJcRpt-s.js b/docs/assets/index-DJcRpt-s.js
diff --git a/docs/assets/index-a8RZxL7n.css b/docs/assets/index-a8RZxL7n.css
diff --git a/docs/index.html b/docs/index.html
@@ -5,8 +5,8 @@
     <link rel="icon" href="/js-data-structures/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
     <title>Структуры данных для frontend-разработчика</title>
-    <script type="module" crossorigin src="/js-data-structures/assets/index-7XhupguH.js"></script>
-    <link rel="stylesheet" crossorigin href="/js-data-structures/assets/index-DusgVcwB.css">
+    <script type="module" crossorigin src="/js-data-structures/assets/index-DJcRpt-s.js"></script>
+    <link rel="stylesheet" crossorigin href="/js-data-structures/assets/index-a8RZxL7n.css">
   </head>
   <body>
     <div id="app"></div>
diff --git a/src/app.vue b/src/app.vue
@@ -190,7 +190,7 @@ watch(
 
   @include mobile {
     max-height: 100dvh;
-    padding: 10px 10px 40px 10px;
+    padding: 10px 10px 80px 10px;
   }
 }
 
diff --git a/src/components/section/app-section.vue b/src/components/section/app-section.vue
@@ -1,6 +1,4 @@
 <script setup lang="ts">
-import { ERoutes } from '@/router/routes.ts'
-
 defineProps({
   hasBreadcrumbs: {
     type: Boolean,
diff --git a/src/structures/tree/examples/file-structure/file-directory.vue b/src/structures/tree/examples/file-structure/file-directory.vue
@@ -16,13 +16,13 @@ const toggle = () => {
 <template>
   <div class="folder">
     <div class="folder__header" @click="toggle">
-      <span>{{ folder.name || 'Root' }}</span>
+      <span>📁 {{ folder.name || 'Root' }}</span>
       <span>{{ isOpen ? '-' : '+' }}</span>
     </div>
 
     <div v-if="isOpen" class="folder__content">
       <div v-for="file in folder.files" :key="file.name" class="folder__file">
-        {{ file.name }} ({{ file.size }}B)
+        📄 {{ file.name }} ({{ file.size }}B)
       </div>
 
       <div v-for="subFolder in folder.folders" :key="subFolder.name">
diff --git a/src/structures/tree/examples/file-structure/file-structure.vue b/src/structures/tree/examples/file-structure/file-structure.vue
@@ -61,13 +61,13 @@ function makeTree(files: IFile[]) {
 
 <template>
   <div class="file-structure">
-    <div class="file-structure__file" v-for="file in rootFolder.files" :key="file.name">
-      {{ file.name }} ({{ file.size }}B)
-    </div>
-
     <div class="file-structure__folders" v-for="folder in rootFolder.folders" :key="folder.name">
       <file-directory :folder="folder" />
     </div>
+
+    <div class="file-structure__file" v-for="file in rootFolder.files" :key="file.name">
+      📄 {{ file.name }} ({{ file.size }}B)
+    </div>
   </div>
 </template>
 

Original file line number	Diff line number	Diff line change
`@@ -190,7 +190,7 @@ watch(`
`190`	`190`
`191`	`191`	`@include mobile {`
`192`	`192`	`max-height: 100dvh;`
`193`		`- padding: 10px 10px 40px 10px;`
	`193`	`+ padding: 10px 10px 80px 10px;`
`194`	`194`	`}`
`195`	`195`	`}`
`196`	`196`