create-canaima-app 1.0.13 → 1.0.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/tauri-material-tailwind/gitignore +7 -0
- package/tauri-material-tailwind/src/App.vue +4 -3
- package/tauri-material-tailwind/src/components/Titlebar.vue +46 -9
- package/tauri-material-tailwind/src-tauri/src/main.rs +6 -0
- package/tauri-material-tailwind/src-tauri/tauri.conf.json +2 -1
- package/tauri-materialize/gitignore +7 -0
- package/tauri-materialize/package-lock.json +2331 -0
- package/tauri-materialize/src/App.vue +35 -2
- package/tauri-materialize/src/css/style.css +20 -0
- package/tauri-materialize/src-tauri/src/main.rs +1 -1
- package/tauri-materialize/src-tauri/tauri.conf.json +2 -1
|
@@ -12,7 +12,7 @@ onMounted(() => {
|
|
|
12
12
|
|
|
13
13
|
<template>
|
|
14
14
|
<div class="app-layout">
|
|
15
|
-
<Titlebar />
|
|
15
|
+
<Titlebar class="app-titlebar" />
|
|
16
16
|
<main class="main-content">
|
|
17
17
|
<RouterView />
|
|
18
18
|
</main>
|
|
@@ -25,19 +25,52 @@ onMounted(() => {
|
|
|
25
25
|
flex-direction: column;
|
|
26
26
|
height: 100vh;
|
|
27
27
|
overflow: hidden;
|
|
28
|
+
border-radius: 12px;
|
|
29
|
+
background-color: var(--fondo-claro, #ececec);
|
|
30
|
+
border: 1px solid rgba(0, 0, 0, 0.1);
|
|
31
|
+
box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.3);
|
|
32
|
+
color: var(--texto-oscuro, #333333);
|
|
33
|
+
transition:
|
|
34
|
+
background-color 0.3s ease,
|
|
35
|
+
color 0.3s ease;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
/* El store añade 'dark-mode' al body — usamos ese selector */
|
|
39
|
+
body.dark-mode .app-layout {
|
|
40
|
+
background-color: var(--fondo-oscuro, #191919);
|
|
41
|
+
border-color: rgba(0, 0, 0, 0.4);
|
|
42
|
+
color: var(--texto-claro, #ffffff);
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.app-titlebar {
|
|
46
|
+
border-top-left-radius: 12px;
|
|
47
|
+
border-top-right-radius: 12px;
|
|
28
48
|
}
|
|
29
49
|
|
|
30
50
|
.main-content {
|
|
31
51
|
flex: 1;
|
|
32
52
|
overflow-y: auto;
|
|
33
53
|
overflow-x: hidden;
|
|
54
|
+
border-bottom-left-radius: 12px;
|
|
55
|
+
border-bottom-right-radius: 12px;
|
|
34
56
|
}
|
|
35
57
|
|
|
36
|
-
/*
|
|
58
|
+
/* El body hereda el fondo del sistema de colores */
|
|
37
59
|
body,
|
|
38
60
|
html {
|
|
39
61
|
overflow: hidden !important;
|
|
40
62
|
margin: 0;
|
|
41
63
|
padding: 0;
|
|
64
|
+
background-color: var(--fondo-claro, #ececec);
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
/* Ocultar barra de scroll global (pero mantener funcionamiento) */
|
|
68
|
+
::-webkit-scrollbar {
|
|
69
|
+
display: none !important;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
* {
|
|
73
|
+
scrollbar-width: none !important;
|
|
74
|
+
-ms-overflow-style: none !important;
|
|
42
75
|
}
|
|
43
76
|
</style>
|
|
@@ -79,10 +79,30 @@ body.dark-mode h5 {
|
|
|
79
79
|
color: var(--texto-claro) !important;
|
|
80
80
|
}
|
|
81
81
|
|
|
82
|
+
body.dark-mode p,
|
|
83
|
+
body.dark-mode li,
|
|
84
|
+
body.dark-mode span:not(.primary-text),
|
|
85
|
+
body.dark-mode label {
|
|
86
|
+
color: var(--texto-claro) !important;
|
|
87
|
+
}
|
|
88
|
+
|
|
82
89
|
body.dark-mode p.grey-text {
|
|
83
90
|
color: #bbbbbb !important;
|
|
84
91
|
}
|
|
85
92
|
|
|
93
|
+
/* Código en modo oscuro */
|
|
94
|
+
body.dark-mode code {
|
|
95
|
+
background-color: #2d2d2d !important;
|
|
96
|
+
color: #e0e0e0 !important;
|
|
97
|
+
padding: 2px 6px;
|
|
98
|
+
border-radius: 4px;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
/* Collapsible body text */
|
|
102
|
+
body.dark-mode .collapsible-body span {
|
|
103
|
+
color: var(--texto-claro) !important;
|
|
104
|
+
}
|
|
105
|
+
|
|
86
106
|
/* Nav y Footer en modo oscuro */
|
|
87
107
|
body.dark-mode nav,
|
|
88
108
|
body.dark-mode .page-footer {
|
|
@@ -5,8 +5,8 @@ fn main() {
|
|
|
5
5
|
#[cfg(target_os = "linux")]
|
|
6
6
|
{
|
|
7
7
|
// Configuración para corregir problemas de renderizado en Linux
|
|
8
|
+
std::env::set_var("WEBKIT_DISABLE_COMPOSITING_MODE", "1");
|
|
8
9
|
std::env::set_var("WEBKIT_DISABLE_DMABUF_RENDERER", "1");
|
|
9
|
-
std::env::set_var("LIBGL_ALWAYS_SOFTWARE", "1");
|
|
10
10
|
}
|
|
11
11
|
plantilla_tauri_vue_lib::run()
|
|
12
12
|
}
|