@conduction/nextcloud-vue 1.0.0-beta.20 → 1.0.0-beta.21

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.
@@ -6175,35 +6175,87 @@ to { opacity: 1; max-height: 600px;
6175
6175
  }
6176
6176
 
6177
6177
 
6178
- .cn-settings-page[data-v-f43cb932] {
6178
+ .cn-settings-page[data-v-4286dbd4] {
6179
6179
  display: flex;
6180
6180
  flex-direction: column;
6181
6181
  gap: 16px;
6182
6182
  }
6183
- .cn-settings-page__actions[data-v-f43cb932] {
6183
+ .cn-settings-page__actions[data-v-4286dbd4] {
6184
6184
  display: flex;
6185
6185
  justify-content: flex-end;
6186
6186
  gap: 8px;
6187
6187
  }
6188
- .cn-settings-page__fields[data-v-f43cb932] {
6188
+ /*
6189
+ * Tab strip for the orchestration shape (manifest-settings-
6190
+ * orchestration REQ-MSO-5). Uses Nextcloud CSS variables only — no
6191
+ * hex literals, no rgba overrides on the elements themselves.
6192
+ */
6193
+ .cn-settings-page__tabs[data-v-4286dbd4] {
6194
+ display: flex;
6195
+ flex-wrap: wrap;
6196
+ gap: 4px;
6197
+ border-bottom: 1px solid var(--color-border);
6198
+ padding-bottom: 0;
6199
+ margin-bottom: 8px;
6200
+ }
6201
+ .cn-settings-page__tab[data-v-4286dbd4] {
6202
+ background: transparent;
6203
+ border: 0;
6204
+ border-bottom: 3px solid transparent;
6205
+ padding: 8px 16px;
6206
+ margin: 0;
6207
+ cursor: pointer;
6208
+ color: var(--color-text-maxcontrast);
6209
+ font-weight: normal;
6210
+ border-radius: var(--border-radius-large) var(--border-radius-large) 0 0;
6211
+ transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out, border-color 0.1s ease-in-out;
6212
+ }
6213
+ .cn-settings-page__tab[data-v-4286dbd4]:hover,
6214
+ .cn-settings-page__tab[data-v-4286dbd4]:focus-visible {
6215
+ background-color: var(--color-background-hover);
6216
+ color: var(--color-main-text);
6217
+ outline: none;
6218
+ }
6219
+ .cn-settings-page__tab--active[data-v-4286dbd4] {
6220
+ color: var(--color-primary-element);
6221
+ border-bottom-color: var(--color-primary-element);
6222
+ font-weight: bold;
6223
+ }
6224
+ @media (max-width: 768px) {
6225
+ .cn-settings-page__tabs[data-v-4286dbd4] {
6226
+ flex-direction: column;
6227
+ gap: 0;
6228
+ border-bottom: 0;
6229
+ }
6230
+ .cn-settings-page__tab[data-v-4286dbd4] {
6231
+ border-bottom: 1px solid var(--color-border);
6232
+ border-radius: 0;
6233
+ text-align: left;
6234
+ }
6235
+ .cn-settings-page__tab--active[data-v-4286dbd4] {
6236
+ border-bottom-width: 1px;
6237
+ background-color: var(--color-background-hover);
6238
+ }
6239
+ }
6240
+ .cn-settings-page__fields[data-v-4286dbd4] {
6189
6241
  display: flex;
6190
6242
  flex-direction: column;
6191
6243
  gap: 12px;
6192
6244
  }
6193
- .cn-settings-page__field[data-v-f43cb932] {
6245
+ .cn-settings-page__field[data-v-4286dbd4] {
6194
6246
  display: flex;
6195
6247
  flex-direction: column;
6196
6248
  gap: 4px;
6197
6249
  }
6198
- .cn-settings-page__field-help[data-v-f43cb932] {
6250
+ .cn-settings-page__field-help[data-v-4286dbd4] {
6199
6251
  color: var(--color-text-maxcontrast);
6200
6252
  }
6201
- .cn-settings-page__save-bar[data-v-f43cb932] {
6253
+ .cn-settings-page__save-bar[data-v-4286dbd4] {
6202
6254
  display: flex;
6203
6255
  gap: 8px;
6204
6256
  margin-top: 16px;
6205
6257
  }
6206
- .cn-settings-page__error[data-v-f43cb932] {
6258
+ .cn-settings-page__error[data-v-4286dbd4] {
6207
6259
  color: var(--color-error);
6208
6260
  background: var(--color-error-light, var(--color-background-hover));
6209
6261
  padding: 8px 12px;