jgoulder/floppydrive.neocities.org
jgoulder/floppydrive.neocities.org
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Current file coloring

Browse Source
This commit is contained in:
Jordan Goulder 2025-01-24 22:52:27 -05:00
parent 928b2ec6aa
commit 13c7749c4b
1 changed files with 18 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/components/DiskExplorer.vue
View File

@ -88,9 +88,12 @@ function loadFile(name: string, firstCluster: number, size: number) {
</ul> </ul>
<ul class="files"> <ul class="files">
<li v-for="(file, index) in files" :key="index"> <li v-for="(file, index) in files" :key="index">
<a href="" @click.prevent="loadFile(file.name, file.firstCuster, file.size)">{{ <a
file.name :class="{ current: file.name === currentFileName }"
}}</a> href=""
@click.prevent="loadFile(file.name, file.firstCuster, file.size)"
>{{ file.name }}</a
>
</li> </li>
</ul> </ul>
</div> </div>
@ -121,8 +124,10 @@ div.file-list {
} }
.directories a { .directories a {
color: cornflowerblue; color: #4080ff;
text-decoration: none; text-decoration: none;
padding: 0 0.5em;
display: block;
} }
.directories a:hover { .directories a:hover {
@ -130,12 +135,20 @@ div.file-list {
} }
.files a { .files a {
color: white; color: #e0e0e0;
text-decoration: none; text-decoration: none;
display: block;
padding: 0 0.5em;
}
.files a.current,
.files a.current:hover {
background: #4080ff80;
} }
.files a:hover { .files a:hover {
text-decoration: underline; text-decoration: underline;
background: #4080ff40;
} }
ul { ul {