Переглянути джерело

add pointer to theme toggle

Markus-Rost 4 роки тому
батько
коміт
4dd7eb0955
3 змінених файлів з 7 додано та 4 видалено
  1. 2 2
      dashboard/index.html
  2. 2 2
      dashboard/login.html
  3. 3 0
      dashboard/src/index.css

+ 2 - 2
dashboard/index.html

@@ -77,7 +77,7 @@
 			</div>
 			</div>
 			<div class="guild" id="theme-light" style="display: none;">
 			<div class="guild" id="theme-light" style="display: none;">
 				<div class="bar"></div>
 				<div class="bar"></div>
-				<a alt="Use light theme">
+				<a class="theme-toggle" alt="Use light theme">
 					<div class="avatar noicon">
 					<div class="avatar noicon">
 						<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
 						<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
 							<circle cx="12" cy="12" r="5"/>
 							<circle cx="12" cy="12" r="5"/>
@@ -95,7 +95,7 @@
 			</div>
 			</div>
 			<div class="guild" id="theme-dark" style="display: none;">
 			<div class="guild" id="theme-dark" style="display: none;">
 				<div class="bar"></div>
 				<div class="bar"></div>
-				<a alt="Use dark theme">
+				<a class="theme-toggle" alt="Use dark theme">
 					<div class="avatar noicon">
 					<div class="avatar noicon">
 						<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
 						<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
 							<path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/>
 							<path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/>

+ 2 - 2
dashboard/login.html

@@ -70,7 +70,7 @@
 			</div>
 			</div>
 			<div class="guild" id="theme-light" style="display: none;">
 			<div class="guild" id="theme-light" style="display: none;">
 				<div class="bar"></div>
 				<div class="bar"></div>
-				<a alt="Use light theme">
+				<a class="theme-toggle" alt="Use light theme">
 					<div class="avatar noicon">
 					<div class="avatar noicon">
 						<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
 						<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
 							<circle cx="12" cy="12" r="5"/>
 							<circle cx="12" cy="12" r="5"/>
@@ -88,7 +88,7 @@
 			</div>
 			</div>
 			<div class="guild" id="theme-dark" style="display: none;">
 			<div class="guild" id="theme-dark" style="display: none;">
 				<div class="bar"></div>
 				<div class="bar"></div>
-				<a alt="Use dark theme">
+				<a class="theme-toggle" alt="Use dark theme">
 					<div class="avatar noicon">
 					<div class="avatar noicon">
 						<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
 						<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
 							<path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/>
 							<path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/>

+ 3 - 0
dashboard/src/index.css

@@ -120,6 +120,9 @@ a[alt]:hover:after {
 	display: flex;
 	display: flex;
 	justify-content: center;
 	justify-content: center;
 }
 }
+.guild .theme-toggle {
+	cursor: pointer;
+}
 .avatar {
 .avatar {
 	border-radius: 50%;
 	border-radius: 50%;
 	width: 48px;
 	width: 48px;