Use Bootswatch's Minty theme

This commit is contained in:
Rodolphe Bréard 2023-09-25 18:36:55 +02:00
parent db117dab29
commit 3959627a52
4 changed files with 10 additions and 1 deletions

6
package-lock.json generated
View file

@ -14,6 +14,7 @@
"@vueuse/core": "^10.2.1", "@vueuse/core": "^10.2.1",
"base32-encode": "^2.0.0", "base32-encode": "^2.0.0",
"bootstrap": "^5.3.2", "bootstrap": "^5.3.2",
"bootswatch": "^5.3.2",
"vue": "^3.3.4", "vue": "^3.3.4",
"vue-i18n": "^9.2.2", "vue-i18n": "^9.2.2",
"vue-qrcode-reader": "^5.1.0", "vue-qrcode-reader": "^5.1.0",
@ -900,6 +901,11 @@
"@popperjs/core": "^2.11.8" "@popperjs/core": "^2.11.8"
} }
}, },
"node_modules/bootswatch": {
"version": "5.3.2",
"resolved": "https://registry.npmjs.org/bootswatch/-/bootswatch-5.3.2.tgz",
"integrity": "sha512-r05xOSLSx7MJvjpk/uoU8wPYgkPHWLV+uenLaRsS7yBsqSUcWYPjeUkz+tmrRv6s1eFxkF08NvQfBSSPCTyYaA=="
},
"node_modules/braces": { "node_modules/braces": {
"version": "3.0.2", "version": "3.0.2",
"resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz", "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",

View file

@ -19,6 +19,7 @@
"@vueuse/core": "^10.2.1", "@vueuse/core": "^10.2.1",
"base32-encode": "^2.0.0", "base32-encode": "^2.0.0",
"bootstrap": "^5.3.2", "bootstrap": "^5.3.2",
"bootswatch": "^5.3.2",
"vue": "^3.3.4", "vue": "^3.3.4",
"vue-i18n": "^9.2.2", "vue-i18n": "^9.2.2",
"vue-qrcode-reader": "^5.1.0", "vue-qrcode-reader": "^5.1.0",

View file

@ -1,4 +1,6 @@
@charset "utf-8" @charset "utf-8"
@import "bootswatch/dist/minty/variables"
@import "variables.scss" @import "variables.scss"
@import "bootstrap/scss/bootstrap" @import "bootstrap/scss/bootstrap"
@import "bootswatch/dist/minty/bootswatch"

View file

@ -6,7 +6,7 @@ import { Popover } from 'bootstrap';
</script> </script>
<template> <template>
<nav class="navbar navbar-expand-lg bg-body-tertiary"> <nav class="navbar navbar-expand-lg bg-primary" data-bs-theme="dark">
<div class="container-fluid"> <div class="container-fluid">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mainNavBar" aria-controls="mainNavBar" aria-expanded="false" aria-label="Toggle navigation"> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mainNavBar" aria-controls="mainNavBar" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>