+
+ {{ name === '..' ? 'mdi-keyboard-backspace' : is_file ? 'mdi-file-document' : 'mdi-folder' }}
+
{{ name }} - {{ size }}
-
+
@@ -60,19 +59,31 @@ module.exports = {
}
-.solara-file-list .v-list-item__icon,
-.solara-file-list .v-list-item__list {
- margin-top: 0;
- margin-bottom: 0;
+.solara-file-list .solara-file-list-row {
+ align-items: center;
+ display: flex;
+ min-height: 28px;
+ width: 100%;
}
-.v-application--is-ltr .solara-file-list .v-list-item__icon {
+.solara-file-list .solara-file-list-icon {
+ align-items: center;
+ display: flex;
+ flex: 0 0 32px;
+ justify-content: center;
margin-right: 8px;
}
+.solara-file-list .solara-file-list-item.v-list-item,
.solara-file-list .v-list-item {
height: 28px;
min-height: 0;
- padding-left: 0;
+ padding: 0;
+ padding-inline-end: 0;
+ padding-inline-start: 0;
+}
+
+.solara-file-list .v-list-item-title {
+ line-height: 28px;
}
diff --git a/solara/server/static/main-vuetify.js b/solara/server/static/main-vuetify.js
index d4bce7148..4ee292be2 100644
--- a/solara/server/static/main-vuetify.js
+++ b/solara/server/static/main-vuetify.js
@@ -115,6 +115,9 @@ async function solaraInit(mountId, appName) {
console.log('solara init', mountId, appName);
define("vue", [], () => Vue);
define("vuetify", [], () => Vuetify);
+ if (typeof vuetifyPlugin !== "undefined") {
+ define("solara-vuetify-plugin", [], () => ({ vuetifyPlugin }));
+ }
cookies = getCookiesMap(document.cookie);
const searchParams = new URLSearchParams(window.location.search);
let kernelId = searchParams.get('kernelid') || generateUuid()