@bagelink/vue 1.15.15 → 1.15.26

package/src/components/Menu.vue

@@ -13,25 +13,25 @@ defineProps<{ items: NavLink[] }>()
 				<Dropdown v-if="item.children" :value="resolveI18n(item.label)" iconEnd="keyboard_arrow_down">
 					<template #trigger="{ show }">
 						<Btn thin flat :class="item.class" @click="show()">
-							<Icon :name="item.icon" size="0.8" style="margin-bottom: -0.1rem" />
+							<Icon :name="item.icon" size="0.8" style="margin-bottom: -0.1rem" class=" line-height-0" />
 							<p class="-ms-025">
 								{{ resolveI18n(item.label) }}
 							</p>
-							<Icon name="keyboard_arrow_down" size="0.8" style="margin-bottom: -0.1rem" />
+							<Icon name="keyboard_arrow_down" size="0.8" style="margin-bottom: -0.1rem" class=" line-height-0" />
 						</Btn>
 					</template>
 					<Btn
 						v-for="subItem in item.children" :key="subItem.label" thin flat :to="subItem.to"
 						:class="subItem.class" class="block m_px-025" @click="subItem.action?.()"
 					>
-						<Icon :name="subItem.icon" size="0.8" style="margin-bottom: -0.1rem" />
+						<Icon :name="subItem.icon" size="0.8" style="margin-bottom: -0.1rem" class=" line-height-0" />
 						<p class="-ms-025">
 							{{ subItem.label }}
 						</p>
 					</Btn>
 				</Dropdown>
 				<Btn v-else thin flat :to="item.to" :class="item.class" class="m_px-025" @click="item.action?.()">
-					<Icon :name="item.icon" size="0.9" style="margin-bottom: -0.1rem" />
+					<Icon :name="item.icon" size="0.9" style="margin-bottom: -0.1rem" class=" line-height-0" />
 					<p class="-ms-025">
 						{{ item.label }}
 					</p>
@@ -43,24 +43,28 @@ defineProps<{ items: NavLink[] }>()
 </template>
 
 <style scoped>
+
 /* .bgl_btn.router-link-active {
-	background-color: var(--bgl-gray-40);
+background-color: var(--bgl-gray-40);
 } */
 
 .bglTopMenu .router-link-active {
-    background: var(--bgl-primary) !important;
-    color: var(--bgl-white) !important;
+background: var(--bgl-primary) !important;
+color: var(--bgl-white) !important;
 }
+
 </style>
 
 <style>
+
 @media (max-width: 910px) {
-	.bglTopMenu::-webkit-scrollbar {
-		height: 0px;
-	}
+.bglTopMenu::-webkit-scrollbar {
+	height: 0px;
+}
 
-	.bglTopMenu {
-		mask: linear-gradient(to right, transparent, black 10px, black calc(100% - 10px), transparent);
-	}
+.bglTopMenu {
+	mask: linear-gradient(to right, transparent, black 10px, black calc(100% - 10px), transparent);
+}
 }
+
 </style>

package/src/components/NavBar.vue

@@ -92,299 +92,301 @@ onMounted(calcIsOpen)
 </template>
 
 <style scoped>
+
 [dir='rtl'] .top-arrow {
-	transform: rotate(180deg);
+transform: rotate(180deg);
 }
 
 .nav-expend {
-	text-align: center;
-	cursor: pointer;
-	background: var(--bgl-popup-bg);
-	color: var(--bgl-primary);
-	display: flex;
-	border-radius: 100%;
-	font-size: 13px;
-	box-shadow: 0 0 50px 0 var(--bgl-shadow);
-	height: 22px;
-	width: 22px;
-	align-items: center;
-	justify-content: center;
-	position: absolute;
-	top: 82px;
-	box-sizing: border-box;
-	padding-inline-start: 2px;
-	margin-inline-start: 55px;
-	transition: all 0.4s cubic-bezier(0.36, 0.02, 0.23, 1);
+text-align: center;
+cursor: pointer;
+background: var(--bgl-popup-bg);
+color: var(--bgl-primary);
+display: flex;
+border-radius: 100%;
+font-size: 13px;
+box-shadow: 0 0 50px 0 var(--bgl-shadow);
+height: 22px;
+width: 22px;
+align-items: center;
+justify-content: center;
+position: absolute;
+top: 82px;
+box-sizing: border-box;
+padding-inline-start: 2px;
+margin-inline-start: 55px;
+transition: all 0.4s cubic-bezier(0.36, 0.02, 0.23, 1);
 }
 
 /*
 .nav-home-wrapper {
-	margin-bottom: 30px;
+margin-bottom: 30px;
 }
 */
 
 .nav-expend {
-	background: var(--bgl-popup-bg);
+background: var(--bgl-popup-bg);
 }
 
 .nav-expend:hover {
-	filter: brightness(95%);
-	box-shadow: 0 0 20px 0 var(--bgl-primary-tint);
+filter: brightness(95%);
+box-shadow: 0 0 20px 0 var(--bgl-primary-tint);
 }
 
 .nav-expend:active {
-	filter: var(--bgl-active-filter);
+filter: var(--bgl-active-filter);
 }
 
 .nav {
-	color: var(--bgl-light-text);
-	background: var(--bgl-primary);
-	z-index: 98;
-	width: 70px;
-	transition: all 0.4s cubic-bezier(0.36, 0.02, 0.23, 1);
-	display: flex;
-	flex-direction: column;
+color: var(--bgl-light-text);
+background: var(--bgl-primary);
+z-index: 98;
+width: 70px;
+transition: all 0.4s cubic-bezier(0.36, 0.02, 0.23, 1);
+display: flex;
+flex-direction: column;
 }
 
 .nav * {
-	user-select: none;
+user-select: none;
 }
 
 .nav-button {
-	text-decoration: none;
-	cursor: pointer;
-	display: flex;
-	text-align: start;
-	align-items: center;
-	position: relative;
-	color: var(--bgl-light-text);
-	transition: all 0.2s ease;
-	pointer-events: none;
+text-decoration: none;
+cursor: pointer;
+display: flex;
+text-align: start;
+align-items: center;
+position: relative;
+color: var(--bgl-light-text);
+transition: all 0.2s ease;
+pointer-events: none;
 }
 
 .nav-button:hover {
-	width: fit-content;
-	pointer-events: all;
+width: fit-content;
+pointer-events: all;
 }
 
 .nav-button .bgl_icon-font {
-	font-size: 22px;
-	margin: 0.25rem 10px;
-	padding: 10px;
-	width: 50px;
-	text-align: center;
-	height: 45px;
-	flex-grow: 0;
-	flex-shrink: 0;
-	border-radius: 10px;
-	transition: all 0.2s ease;
-	pointer-events: all;
+font-size: 22px;
+margin: 0.25rem 10px;
+padding: 10px;
+width: 50px;
+text-align: center;
+height: 45px;
+flex-grow: 0;
+flex-shrink: 0;
+border-radius: 10px;
+transition: all 0.2s ease;
+pointer-events: all;
 }
 
 .nav-button:hover .bgl_icon-font,
 .nav-button.router-link-active .bgl_icon-font {
-	background: var(--bgl-box-bg);
-	color: var(--bgl-primary);
+background: var(--bgl-box-bg);
+color: var(--bgl-primary);
 }
 
 .nav-button:hover .tooltip {
-	opacity: 1;
-	pointer-events: all;
+opacity: 1;
+pointer-events: all;
 }
 
 .tooltip {
-	background-color: var(--bgl-popup-bg);
-	color: var(--bgl-primary);
-	line-height: 1;
-	padding: 0.5rem;
-	border-radius: 10px;
-	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
-	transition: all 0.2s ease;
-	border: 5px solid transparent;
-	white-space: nowrap;
-	pointer-events: none;
-	opacity: 0;
-	margin-inline-start: 1rem;
+background-color: var(--bgl-popup-bg);
+color: var(--bgl-primary);
+line-height: 1;
+padding: 0.5rem;
+border-radius: 10px;
+box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
+transition: all 0.2s ease;
+border: 5px solid transparent;
+white-space: nowrap;
+pointer-events: none;
+opacity: 0;
+margin-inline-start: 1rem;
 }
 
 .tooltip:hover {
-	filter: brightness(95%);
+filter: brightness(95%);
 }
 
 .tooltip:active {
-	filter: brightness(90%);
+filter: brightness(90%);
 }
 
 .bot-buttons-wrapper {
-	margin-top: auto;
-	width: 100%;
+margin-top: auto;
+width: 100%;
 }
 
 .nav-links-wrapper {
-	direction: ltr;
+direction: ltr;
 }
 
 [dir='rtl'] .nav-links-wrapper {
-	direction: rtl;
+direction: rtl;
 }
 
 .nav-scroll {
-	overflow-y: scroll;
-	width: 50vw;
-	direction: rtl;
-	text-align: end;
-	margin-inline-end: -7px;
-	pointer-events: none;
-	display: flex;
-	flex-direction: column;
+overflow-y: scroll;
+width: 50vw;
+direction: rtl;
+text-align: end;
+margin-inline-end: -7px;
+pointer-events: none;
+display: flex;
+flex-direction: column;
 }
 
 .nav::-webkit-scrollbar-thumb {
-	background-color: transparent;
+background-color: transparent;
 }
 
 .nav:hover::-webkit-scrollbar-thumb {
-	background-color: var(--bgl-gray);
+background-color: var(--bgl-gray);
 }
 
 [dir='rtl'] .nav-scroll {
-	direction: ltr;
+direction: ltr;
 }
 
 .full-nav {
-	height: 100%;
-	display: flex;
-	flex-direction: column;
+height: 100%;
+display: flex;
+flex-direction: column;
 }
 
 @media screen and (min-width: 910px) {
-	.nav.open .nav-expend {
-		margin-inline-start: 189px;
-		transform: rotate(180deg);
-	}
+.nav.open .nav-expend {
+	margin-inline-start: 189px;
+	transform: rotate(180deg);
+}
 
-	.nav.open {
-		width: 200px;
-		text-align: start;
-	}
+.nav.open {
+	width: 200px;
+	text-align: start;
+}
 
-	.nav.open .tooltip {
-		background-color: transparent;
-		color: var(--bgl-light-text);
-		padding: 0;
-		box-shadow: none;
-		pointer-events: all;
-		opacity: 1;
-		margin-inline-start: 0rem;
-	}
+.nav.open .tooltip {
+	background-color: transparent;
+	color: var(--bgl-light-text);
+	padding: 0;
+	box-shadow: none;
+	pointer-events: all;
+	opacity: 1;
+	margin-inline-start: 0rem;
+}
 
-	.nav.open .nav-button .bgl_icon-font {
-		margin: 0;
-		background: transparent;
-	}
+.nav.open .nav-button .bgl_icon-font {
+	margin: 0;
+	background: transparent;
+}
 
-	.nav.open .nav-button {
-		width: 180px;
-		border-radius: 10px;
-		margin-inline-start: 10px;
-		margin-top: 10px;
-		margin-bottom: 10px;
-	}
+.nav.open .nav-button {
+	width: 180px;
+	border-radius: 10px;
+	margin-inline-start: 10px;
+	margin-top: 10px;
+	margin-bottom: 10px;
+}
 
-	.nav.open .nav-button:hover,
-	.nav.open .nav-button.router-link-active {
-		background: var(--bgl-popup-bg);
-		color: var(--bgl-primary);
-	}
+.nav.open .nav-button:hover,
+.nav.open .nav-button.router-link-active {
+	background: var(--bgl-popup-bg);
+	color: var(--bgl-primary);
+}
 
-	.nav.open .nav-button:hover,
-	.nav.open .nav-button:hover .tooltip,
-	.nav.open .nav-button.router-link-active .tooltip {
-		color: var(--bgl-primary);
-	}
+.nav.open .nav-button:hover,
+.nav.open .nav-button:hover .tooltip,
+.nav.open .nav-button.router-link-active .tooltip {
+	color: var(--bgl-primary);
+}
 }
 
 @media screen and (max-width: 910px) {
-	.full-nav {
-		height: auto;
-		display: flex;
-		flex-direction: row;
-		width: calc(100vw - 70px);
-		position: absolute;
-		inset-inline-end: 0;
-		overflow-x: auto;
-	}
+.full-nav {
+	height: auto;
+	display: flex;
+	flex-direction: row;
+	width: calc(100vw - 70px);
+	position: absolute;
+	inset-inline-end: 0;
+	overflow-x: auto;
+}
 
-	.nav.open {
-		width: initial;
-	}
+.nav.open {
+	width: initial;
+}
 
-	.nav {
-		width: auto;
-		display: flex;
-		flex-direction: row;
-		margin: 0;
-		overflow-x: auto;
-		justify-content: flex-start;
-	}
+.nav {
+	width: auto;
+	display: flex;
+	flex-direction: row;
+	margin: 0;
+	overflow-x: auto;
+	justify-content: flex-start;
+}
 
-	.tooltip {
-		opacity: 1;
-		background: transparent;
-		color: var(--bgl-light-text);
-		box-shadow: none;
-		font-size: 10px;
-		padding: 0;
-		margin: 0;
-	}
+.tooltip {
+	opacity: 1;
+	background: transparent;
+	color: var(--bgl-light-text);
+	box-shadow: none;
+	font-size: 10px;
+	padding: 0;
+	margin: 0;
+}
 
-	.nav-button {
-		flex-direction: column;
-		margin: 12px 0.25rem;
-	}
+.nav-button {
+	flex-direction: column;
+	margin: 12px 0.25rem;
+}
 
-	.nav-button .bgl_icon-font {
-		padding: 2px 0 0 0;
-		margin: 0;
-		height: 30px;
-		width: 30px;
-	}
+.nav-button .bgl_icon-font {
+	padding: 2px 0 0 0;
+	margin: 0;
+	height: 30px;
+	width: 30px;
+}
 
-	.nav-links-wrapper {
-		display: flex;
-	}
+.nav-links-wrapper {
+	display: flex;
+}
 
-	.bot-buttons-wrapper {
-		margin-top: 0;
-		width: auto;
-		display: flex;
-	}
+.bot-buttons-wrapper {
+	margin-top: 0;
+	width: auto;
+	display: flex;
+}
 
-	.nav-scroll {
-		overflow-y: visible;
-		width: auto;
-		direction: auto;
-		text-align: start;
-		margin-inline-end: 0px;
-		pointer-events: all;
-		display: flex;
-		flex-direction: row;
-		margin-inline-end: auto;
-	}
+.nav-scroll {
+	overflow-y: visible;
+	width: auto;
+	direction: auto;
+	text-align: start;
+	margin-inline-end: 0px;
+	pointer-events: all;
+	display: flex;
+	flex-direction: row;
+	margin-inline-end: auto;
+}
 
-	.nav::-webkit-scrollbar {
-		display: none;
-	}
+.nav::-webkit-scrollbar {
+	display: none;
+}
 
-	.nav-expend {
-		display: none;
-	}
+.nav-expend {
+	display: none;
+}
 }
 
 @media screen and (max-height: 550px) {
-	.nav.open .nav-button {
-		margin-top: 4px;
-		margin-bottom: 4px;
-	}
+.nav.open .nav-button {
+	margin-top: 4px;
+	margin-bottom: 4px;
 }
+}
+
 </style>

package/src/components/PageTitle.vue

@@ -17,6 +17,7 @@ defineProps({
 </template>
 
 <style>
+
 .top-title {
   font-weight: 600;
   font-size: 20px;
@@ -34,4 +35,5 @@ defineProps({
   font-size: 16px;
 }
 }
+
 </style>

package/src/components/RouterWrapper.vue

@@ -16,8 +16,10 @@ import Loading from './Loading.vue'
 </template>
 
 <style scoped>
+
 .slide-fade-enter-active,
 .slide-fade-leave-active {
-	overflow: hidden;
+overflow: hidden;
 }
+
 </style>

package/src/components/Spreadsheet/Index.vue

@@ -263,18 +263,20 @@ function handleSpreadsheetKeyDown(event: KeyboardEvent) {
 </template>
 
 <style>
+
 .spreadsheet {
-	user-select: none;
-	outline: 1px solid var(--bgl-border-color);
+user-select: none;
+outline: 1px solid var(--bgl-border-color);
 }
 
 .spreadsheet-toolbar {
-	border-bottom: 1px solid var(--bgl-border-color);
-	padding-bottom: 0.375rem;
-	margin-bottom: 0;
+border-bottom: 1px solid var(--bgl-border-color);
+padding-bottom: 0.375rem;
+margin-bottom: 0;
 }
 
 body>div:has(.spreadsheet) ::-webkit-scrollbar-track {
-	background: var(--bgl-input-bg) !important;
+background: var(--bgl-input-bg) !important;
 }
+
 </style>