Skip to content

Commit f1d97c8

Browse files
crashmax-devcrashmax-dev
committed
style: format
1 parent 0eb54c2 commit f1d97c8

19 files changed

Lines changed: 150 additions & 125 deletions

File tree

‎apps/daisy/src/app.vue‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -99,7 +99,6 @@ function generateEmojiGrid() {
9999
100100
for (let i = pairs.length - 1; i > 0; i--) {
101101
const j = Math.floor(Math.random() * (i + 1));
102-
// eslint-disable-next-line ts/ban-ts-comment
103102
// @ts-ignore
104103
[pairs[i], pairs[j]] = [pairs[j], pairs[i]]
105104
}

‎apps/daisy/src/styles/global.css‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,7 @@
1-
select, input {
2-
&:focus, &:focus-within {
1+
select,
2+
input {
3+
&:focus,
4+
&:focus-within {
35
border-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);
46
}
57
}

‎apps/daisy/src/styles/main.css‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
1-
@import "tailwindcss";
1+
@import 'tailwindcss';
22
@plugin "daisyui";
33
@plugin "daisyui/theme" {
4-
name: "daisy-ui";
4+
name: 'daisy-ui';
55
default: true;
66
prefersdark: false;
7-
color-scheme: "dark";
7+
color-scheme: 'dark';
88
--color-base-100: oklch(14% 0.005 285.823);
99
--color-base-200: oklch(21% 0.006 285.885);
1010
--color-base-300: oklch(27% 0.006 286.033);
@@ -40,4 +40,4 @@
4040
@apply h-dvh h-screen;
4141
}
4242

43-
@import "./global.css";
43+
@import './global.css';

‎apps/daisy/src/styles/theme.css‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
@plugin "daisyui/theme" {
2-
name: "theme";
2+
name: 'theme';
33
default: true;
44
prefersdark: true;
5-
color-scheme: "dark";
5+
color-scheme: 'dark';
66
--color-base-100: oklch(14% 0.005 285.823);
77
--color-base-200: oklch(21% 0.006 285.885);
88
--color-base-300: oklch(27% 0.006 286.033);

‎apps/vue/src/layout/v-header.vue‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -59,16 +59,16 @@ function histoireUrl() {
5959

6060
<style scoped lang="scss">
6161
.header {
62-
padding: 8px 16px;
63-
background-color: hsl(var(--primary-foreground));
6462
border-bottom: 1px solid hsl(var(--border));
63+
background-color: hsl(var(--primary-foreground));
64+
padding: 8px 16px;
6565
6666
&-nav {
6767
display: flex;
6868
flex-wrap: wrap;
69+
align-items: center;
6970
gap: 8px;
7071
height: 100%;
71-
align-items: center;
7272
}
7373
7474
&-link {

‎apps/vue/src/layout/v-section.vue‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -16,9 +16,9 @@
1616

1717
<style scoped lang="scss">
1818
.section {
19-
max-width: 1024px;
2019
margin: 0 auto;
2120
padding: 16px;
21+
max-width: 1024px;
2222
2323
&-enter-active,
2424
&-leave-active {
@@ -27,8 +27,8 @@
2727
2828
&-enter-from,
2929
&-leave-to {
30-
opacity: 0;
3130
transform: scale(0.98);
31+
opacity: 0;
3232
}
3333
}
3434
</style>

‎apps/vue/src/pages/todos/todo-button.vue‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -16,16 +16,16 @@ defineProps<{
1616
<style scoped lang="scss">
1717
.btn {
1818
display: inline-flex;
19-
align-items: center;
2019
justify-content: center;
21-
padding: 0.625rem 1rem;
20+
align-items: center;
21+
transition: all 0.2s ease;
22+
cursor: pointer;
23+
outline: none;
2224
border: 1px solid transparent;
2325
border-radius: var(--radius);
24-
font-size: 0.875rem;
26+
padding: 0.625rem 1rem;
2527
font-weight: 500;
26-
cursor: pointer;
27-
transition: all 0.2s ease;
28-
outline: none;
28+
font-size: 0.875rem;
2929
white-space: nowrap;
3030
3131
&:focus-visible {
@@ -62,9 +62,9 @@ defineProps<{
6262
}
6363
6464
&-icon {
65+
border: 1px solid hsl(var(--border));
6566
background: hsl(var(--background));
6667
color: hsl(var(--foreground));
67-
border: 1px solid hsl(var(--border));
6868
6969
&:hover:not(:disabled) {
7070
background: hsl(var(--accent));
@@ -73,10 +73,10 @@ defineProps<{
7373
}
7474
7575
&-danger {
76+
border: 1px solid hsl(var(--destructive));
7677
background: hsl(var(--destructive));
7778
color: hsl(var(--destructive-foreground));
7879
white-space: nowrap;
79-
border: 1px solid hsl(var(--destructive));
8080
8181
&:hover:not(:disabled) {
8282
opacity: 0.9;

‎apps/vue/src/pages/todos/todo-form.vue‎

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -37,19 +37,19 @@ withDefaults(defineProps<{
3737
<style scoped lang="scss">
3838
.input-field,
3939
.select-field {
40-
padding: 0.625rem 0.875rem;
40+
transition: all 0.2s ease;
41+
outline: none;
4142
border: 1px solid hsl(var(--input));
4243
border-radius: var(--radius);
43-
font-size: 0.875rem;
44-
color: hsl(var(--foreground));
4544
background: hsl(var(--background));
46-
transition: all 0.2s ease;
47-
outline: none;
45+
padding: 0.625rem 0.875rem;
46+
color: hsl(var(--foreground));
47+
font-size: 0.875rem;
4848
4949
&:focus {
50-
border-color: hsl(var(--ring));
5150
outline: 2px solid transparent;
5251
outline-offset: 2px;
52+
border-color: hsl(var(--ring));
5353
}
5454
5555
&::placeholder {
@@ -62,14 +62,14 @@ withDefaults(defineProps<{
6262
}
6363
6464
.select-field {
65-
min-width: 140px;
66-
cursor: pointer;
67-
padding-right: 2.5rem;
68-
background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path fill="gray" d="M6 9L1 4h10z"/></svg>');
69-
background-repeat: no-repeat;
70-
background-position: calc(100% - 0.875rem) center;
7165
appearance: none;
7266
-webkit-appearance: none;
7367
-moz-appearance: none;
68+
cursor: pointer;
69+
background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path fill="gray" d="M6 9L1 4h10z"/></svg>');
70+
background-position: calc(100% - 0.875rem) center;
71+
background-repeat: no-repeat;
72+
padding-right: 2.5rem;
73+
min-width: 140px;
7474
}
7575
</style>

‎apps/vue/src/pages/todos/todo-item.vue‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -94,22 +94,22 @@ function updateTodo(event: SubmitEvent) {
9494

9595
<style scoped lang="scss">
9696
.todo-item {
97-
background: hsl(var(--card));
98-
border-radius: var(--radius);
99-
padding: 1rem 1.25rem;
10097
display: flex;
10198
justify-content: space-between;
10299
align-items: center;
103100
gap: 8px;
104-
border: 1px solid hsl(var(--border));
105101
transition: all 0.2s ease;
102+
border: 1px solid hsl(var(--border));
103+
border-radius: var(--radius);
104+
background: hsl(var(--card));
105+
padding: 1rem 1.25rem;
106106
107107
&__status {
108-
color: hsl(var(--muted-foreground));
109-
font-size: 0.875rem;
108+
border-radius: 4px;
110109
background-color: hsl(var(--muted));
111110
padding: 4px;
112-
border-radius: 4px;
111+
color: hsl(var(--muted-foreground));
112+
font-size: 0.875rem;
113113
}
114114
115115
&__form {

‎apps/vue/src/pages/todos/todos.vue‎

Lines changed: 16 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -100,12 +100,14 @@ function resetTodos() {
100100

101101
<style scoped lang="scss">
102102
.todo-app {
103-
width: 100%;
104-
background: hsl(var(--card));
103+
box-shadow:
104+
0 4px 6px -1px rgba(0, 0, 0, 0.1),
105+
0 2px 4px -1px rgba(0, 0, 0, 0.06);
106+
border: 1px solid hsl(var(--border));
105107
border-radius: var(--radius);
106-
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
108+
background: hsl(var(--card));
107109
padding: 2.5rem;
108-
border: 1px solid hsl(var(--border));
110+
width: 100%;
109111
}
110112
111113
.todo-form {
@@ -128,26 +130,26 @@ function resetTodos() {
128130
}
129131
130132
.todos-section {
131-
background: hsl(var(--muted) / 0.3);
133+
border: 1px solid hsl(var(--border));
132134
border-radius: var(--radius);
135+
background: hsl(var(--muted) / 0.3);
133136
padding: 1.5rem;
134-
border: 1px solid hsl(var(--border));
135137
}
136138
137139
.todos-header {
138140
display: flex;
141+
flex-wrap: wrap;
139142
justify-content: space-between;
140143
align-items: center;
141-
margin-bottom: 1.5rem;
142-
flex-wrap: wrap;
143144
gap: 1rem;
145+
margin-bottom: 1.5rem;
144146
}
145147
146148
.todos-title {
147-
font-size: 1.25rem;
148-
font-weight: 600;
149-
color: hsl(var(--foreground));
150149
margin: 0;
150+
color: hsl(var(--foreground));
151+
font-weight: 600;
152+
font-size: 1.25rem;
151153
}
152154
153155
.pagination-controls {
@@ -156,11 +158,11 @@ function resetTodos() {
156158
}
157159
158160
.todos-list {
159-
list-style: none;
160-
padding: 0;
161-
margin: 0;
162161
display: flex;
163162
flex-direction: column;
164163
gap: 0.75rem;
164+
margin: 0;
165+
padding: 0;
166+
list-style: none;
165167
}
166168
</style>

0 commit comments

Comments
 (0)