style: run format:write

ladesa-ro · Jun 28, 2024 · ac78af4 · ac78af4
1 parent 450eead
commit ac78af4
Show file tree

Hide file tree

Showing 176 changed files with 3,412 additions and 3,500 deletions.
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
@@ -1,14 +1,14 @@
 {
-	"recommendations": [
-		"nuxtr.nuxt-vscode-extentions",
-		"esbenp.prettier-vscode",
-		"naumovs.color-highlight",
-		"usernamehw.errorlens",
-		"mhutchie.git-graph",
-		"donjayamanne.githistory",
-		"huizhou.githd",
-		"wix.vscode-import-cost",
-		"netcorext.uuid-generator",
-		"bradlc.vscode-tailwindcss"
-	]
+  "recommendations": [
+    "nuxtr.nuxt-vscode-extentions",
+    "esbenp.prettier-vscode",
+    "naumovs.color-highlight",
+    "usernamehw.errorlens",
+    "mhutchie.git-graph",
+    "donjayamanne.githistory",
+    "huizhou.githd",
+    "wix.vscode-import-cost",
+    "netcorext.uuid-generator",
+    "bradlc.vscode-tailwindcss"
+  ]
 }
diff --git a/assets/styles/fontePadrao.css b/assets/styles/fontePadrao.css
@@ -1,4 +1,4 @@
 * {
-  font-family: "Poppins", sans-serif !important;
+  font-family: 'Poppins', sans-serif !important;
   text-decoration: none;
 }
diff --git a/assets/styles/main.css b/assets/styles/main.css
@@ -1,22 +1,22 @@
 .-icon-black {
-	filter: invert(0%);
+  filter: invert(0%);
 }
 
 .-icon-white {
-	filter: invert(100%);
+  filter: invert(100%);
 }
 
 /* Scrollbar style */
 .-scrollbar::-webkit-scrollbar {
-	width: 6px;
+  width: 6px;
 }
 .-scrollbar::-webkit-scrollbar-track {
-	background: #9ab69e;
-	border-radius: 50px;
-	cursor: pointer;
+  background: #9ab69e;
+  border-radius: 50px;
+  cursor: pointer;
 }
 .-scrollbar::-webkit-scrollbar-thumb {
-	background: rgb(22 163 74);
-	border-radius: 50px;
-	cursor: pointer;
+  background: rgb(22 163 74);
+  border-radius: 50px;
+  cursor: pointer;
 }
diff --git a/assets/styles/themes/theme.css b/assets/styles/themes/theme.css
@@ -1,44 +1,44 @@
 :root,
 .app-color-mode-light {
-	--sisgha-theme-text: 0, 0, 0;
+  --sisgha-theme-text: 0, 0, 0;
 
-	--sisgha-theme-surface: 255, 255, 255;
-	--sisgha-theme-background: 255, 255, 255;
+  --sisgha-theme-surface: 255, 255, 255;
+  --sisgha-theme-background: 255, 255, 255;
 
-	--sisgha-theme-primary: 57, 160, 72;
-	--sisgha-theme-primary-text: 255, 255, 255;
+  --sisgha-theme-primary: 57, 160, 72;
+  --sisgha-theme-primary-text: 255, 255, 255;
 
-	--sisgha-theme-primary-half: 156, 207, 163;
+  --sisgha-theme-primary-half: 156, 207, 163;
 
-	--sisgha-theme-divider: 0, 0, 0;
+  --sisgha-theme-divider: 0, 0, 0;
 }
 
 .app-color-mode-dark {
-	--sisgha-theme-text: 255, 255, 255;
+  --sisgha-theme-text: 255, 255, 255;
 
-	--sisgha-theme-background: 18, 18, 18;
-	--sisgha-theme-surface: 33, 33, 33;
+  --sisgha-theme-background: 18, 18, 18;
+  --sisgha-theme-surface: 33, 33, 33;
 
-	--sisgha-theme-primary: 56, 161, 72;
-	--sisgha-theme-primary-text: 255, 255, 255;
+  --sisgha-theme-primary: 56, 161, 72;
+  --sisgha-theme-primary-text: 255, 255, 255;
 
-	--sisgha-theme-primary-half: 37, 90, 45;
+  --sisgha-theme-primary-half: 37, 90, 45;
 
-	--sisgha-theme-divider: 255, 255, 255;
+  --sisgha-theme-divider: 255, 255, 255;
 }
 
 .app {
-	background-color: rgb(var(--sisgha-theme-background));
-	color: rgb(var(--sisgha-theme-text));
+  background-color: rgb(var(--sisgha-theme-background));
+  color: rgb(var(--sisgha-theme-text));
 
-	display: flex;
-	flex-direction: column;
+  display: flex;
+  flex-direction: column;
 
-	height: 100vh; /* fallback para caso o dispositivo não suporte dvh */
+  height: 100vh; /* fallback para caso o dispositivo não suporte dvh */
 
-	height: 100dvh;
+  height: 100dvh;
 }
 
 input {
-	color: inherit;
+  color: inherit;
 }
diff --git a/components/Dashboard/Profile/Availability/Availability.vue b/components/Dashboard/Profile/Availability/Availability.vue
@@ -2,135 +2,133 @@
 const selectedOptions = ref();
 
 const options = [
-	{ value: 'Domingo' },
-	{ value: 'Segunda' },
-	{ value: 'Terça' },
-	{ value: 'Quarta' },
-	{ value: 'Quinta' },
-	{ value: 'Sexta' },
-	{ value: 'Sábado' },
+  { value: 'Domingo' },
+  { value: 'Segunda' },
+  { value: 'Terça' },
+  { value: 'Quarta' },
+  { value: 'Quinta' },
+  { value: 'Sexta' },
+  { value: 'Sábado' },
 ];
 
 selectedOptions.value = options[1];
 
 let currentDayIndex = ref(1);
 
 const changeDay = (delta) => {
-	currentDayIndex.value =
-		(currentDayIndex.value + delta + options.length) % options.length;
+  currentDayIndex.value =
+    (currentDayIndex.value + delta + options.length) % options.length;
 
-	selectedOptions.value = options[currentDayIndex.value];
+  selectedOptions.value = options[currentDayIndex.value];
 };
 </script>
 <template>
-	<DashboardProfileCard class="pb-[20px]">
-		<template #icone>
-			<LogoSisghaLogo class="flex w-[22px] h-[22px]" />
-		</template>
-
-		<template #titulo>Disponibilidade</template>
-
-		<div
-			class="border-card mx-[20px] pb-[20px] min-h-[300px] flex flex-col"
-		>
-			<div class="hours-availability flex-1 flex flex-col">
-				<div class="top-availability">
-					<IconsArrowIconArrow
-						class="cursor-pointer text-white -icons"
-						@click="changeDay(-1)"
-					/>
-
-					<div>
-						<span class="font-medium">
-							{{ selectedOptions?.value }}
-						</span>
-					</div>
-
-					<IconsArrowIconArrow
-						class="rotate-180 cursor-pointer text-white -icons"
-						@click="changeDay(1)"
-					/>
-				</div>
-
-				<div
-					class="hours flex-1 flex-col sm:flex-row items-center justify-center overflow-x-auto whitespace-nowrap"
-				>
-					<div>
-						<h5>Matutino</h5>
-						<span class="element"></span>
-						<ul class="list-hours">
-							<li class="hour">08:00 - 09:00</li>
-							<li class="hour">08:00 - 09:00</li>
-							<li class="hour">08:00 - 09:00</li>
-							<li class="hour">08:00 - 09:00</li>
-						</ul>
-					</div>
-					<div>
-						<h5 style="padding-left: 15%">Vespertino</h5>
-						<span class="element"></span>
-						<ul class="list-hours">
-							<li class="hour">08:00 - 09:00</li>
-							<li class="hour">08:00 - 09:00</li>
-							<li class="hour">08:00 - 09:00</li>
-							<li class="hour">08:00 - 09:00</li>
-						</ul>
-					</div>
-					<div>
-						<h5>Nortuno</h5>
-						<span class="element"></span>
-						<ul class="list-hours sm-text-wrap">
-							<li class="hour">08:00 - 09:00</li>
-							<li class="hour">08:00 - 09:00</li>
-							<li class="hour">08:00 - 09:00</li>
-							<li class="hour">08:00 - 09:00</li>
-						</ul>
-					</div>
-				</div>
-			</div>
-		</div>
-	</DashboardProfileCard>
+  <DashboardProfileCard class="pb-[20px]">
+    <template #icone>
+      <LogoSisghaLogo class="flex w-[22px] h-[22px]" />
+    </template>
+
+    <template #titulo>Disponibilidade</template>
+
+    <div class="border-card mx-[20px] pb-[20px] min-h-[300px] flex flex-col">
+      <div class="hours-availability flex-1 flex flex-col">
+        <div class="top-availability">
+          <IconsArrowIconArrow
+            class="cursor-pointer text-white -icons"
+            @click="changeDay(-1)"
+          />
+
+          <div>
+            <span class="font-medium">
+              {{ selectedOptions?.value }}
+            </span>
+          </div>
+
+          <IconsArrowIconArrow
+            class="rotate-180 cursor-pointer text-white -icons"
+            @click="changeDay(1)"
+          />
+        </div>
+
+        <div
+          class="hours flex-1 flex-col sm:flex-row items-center justify-center overflow-x-auto whitespace-nowrap"
+        >
+          <div>
+            <h5>Matutino</h5>
+            <span class="element"></span>
+            <ul class="list-hours">
+              <li class="hour">08:00 - 09:00</li>
+              <li class="hour">08:00 - 09:00</li>
+              <li class="hour">08:00 - 09:00</li>
+              <li class="hour">08:00 - 09:00</li>
+            </ul>
+          </div>
+          <div>
+            <h5 style="padding-left: 15%">Vespertino</h5>
+            <span class="element"></span>
+            <ul class="list-hours">
+              <li class="hour">08:00 - 09:00</li>
+              <li class="hour">08:00 - 09:00</li>
+              <li class="hour">08:00 - 09:00</li>
+              <li class="hour">08:00 - 09:00</li>
+            </ul>
+          </div>
+          <div>
+            <h5>Nortuno</h5>
+            <span class="element"></span>
+            <ul class="list-hours sm-text-wrap">
+              <li class="hour">08:00 - 09:00</li>
+              <li class="hour">08:00 - 09:00</li>
+              <li class="hour">08:00 - 09:00</li>
+              <li class="hour">08:00 - 09:00</li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </div>
+  </DashboardProfileCard>
 </template>
 
 <style>
 .top-availability {
-	display: flex;
-	background-color: #278935;
-
-	justify-content: center;
-	align-items: center;
-	height: 35px;
-	gap: 40px;
-	color: #fff;
-	justify-content: space-between;
+  display: flex;
+  background-color: #278935;
+
+  justify-content: center;
+  align-items: center;
+  height: 35px;
+  gap: 40px;
+  color: #fff;
+  justify-content: space-between;
 }
 
 .-icons {
-	margin-left: 10%;
-	margin-right: 10%;
+  margin-left: 10%;
+  margin-right: 10%;
 }
 
 .hours {
-	display: flex;
-	gap: 18px;
+  display: flex;
+  gap: 18px;
 
-	margin: 12px 22px;
+  margin: 12px 22px;
 }
 
 .hours h5 {
-	padding-left: 20%;
-	padding-bottom: 10px;
-	border-bottom: 2px solid #9ab69e;
+  padding-left: 20%;
+  padding-bottom: 10px;
+  border-bottom: 2px solid #9ab69e;
 }
 
 .list-hours {
-	font-weight: 500;
-	margin-top: 10px;
-	list-style: none;
+  font-weight: 500;
+  margin-top: 10px;
+  list-style: none;
 }
 
 .hour {
-	display: flex;
-	margin-top: 2px;
-	text-wrap: nowrap;
+  display: flex;
+  margin-top: 2px;
+  text-wrap: nowrap;
 }
 </style>