update database.go, go.mod, go.sum, google_oauth.go, Makefile, styles.css, telegram_oauth.go

2024-10-21 12:00:00 +03:00
1 parent c05aa6b2f8
commit d24b3837f1
@@ -0,0 +1,148 @@
+/* Основные стили для обеих тем */
+body {
+  font-family: Arial, sans-serif;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100vh;
+  transition: background-color 0.5s ease; /* Плавный переход фона */
+}
+
+.container {
+  text-align: center;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+
+/* Темная тема */
+.theme-dark {
+  background-color: #242424;
+}
+
+.theme-dark h1,
+.theme-dark p {
+  color: rgb(234, 234, 234);
+}
+
+/* Светлая тема */
+.theme-light {
+  background-color: #f5f5f5;
+}
+
+.theme-light h1 {
+  color: #333;
+}
+
+.theme-light p {
+  color: #666;
+}
+
+h1 {
+  margin-top: 5px;
+  margin-bottom: 0;
+}
+
+p {
+  margin-top: 5px;
+  margin-bottom: 30px;
+}
+
+.google-button {
+  height: 40px;
+  border-width: 0;
+  width: 235px;
+  background: white;
+  color: #737373;
+  border-radius: 25px;
+  border-color: #666666;
+  white-space: nowrap;
+  box-shadow: 1px 1px 0px 1px rgba(0, 0, 0, 0.05);
+  transition-property: background-color, box-shadow;
+  transition-duration: 150ms;
+  transition-timing-function: ease-in-out;
+  padding: 0;
+  margin-bottom: 15px;
+}
+
+.google-button__icon {
+  display: inline-block;
+  vertical-align: middle;
+  margin: 4px 0 4px 8px; /* Уменьшение отступов для иконки */
+  width: 18px;
+  height: 18px;
+  box-sizing: border-box;
+}
+
+.google-button__text {
+  display: inline-block;
+  vertical-align: middle;
+  padding: 0 24px;
+  font-size: 14px;
+  font-weight: bold;
+  font-family: 'Roboto', arial, sans-serif;
+}
+
+.theme-toggle {
+  position: fixed;
+  bottom: 20px;
+  right: 20px;
+  width: 50px;
+  height: 50px;
+  border: none;
+  border-radius: 50%;
+  background-color: #ffffff; /* Change as needed */
+  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  transition: background-color 0.3s, transform 0.3s;
+}
+
+.theme-toggle:hover {
+  transform: scale(1.1);
+}
+
+.theme-toggle__icon {
+  width: 24px;
+  height: 24px;
+  transition: opacity 0.5s ease; /* Transition for smooth fading */
+}
+
+/* Change background color for dark theme */
+.theme-dark .theme-toggle {
+  background-color: #333;
+}
+
+
+.logout-button {
+  height: 40px;
+  border-width: 0;
+  width: 234px;
+  background: rgb(255, 131, 131);
+  color: #e9e9e9;
+  border-radius: 25px;
+  border-color: #c7c7c7;
+  white-space: nowrap;
+  box-shadow: 1px 1px 0px 1px rgba(0, 0, 0, 0.05);
+  transition-property: background-color, box-shadow;
+  transition-duration: 150ms;
+  transition-timing-function: ease-in-out;
+  padding: 0;
+  margin-bottom: 15px;
+  margin-top: 15px;
+  visibility: hidden;
+}
+
+.logout-button__text {
+  display: inline-block;
+  vertical-align: middle;
+  padding: 0 24px;
+  font-size: 14px;
+  font-weight: bold;
+  font-family: 'Roboto', arial, sans-serif;
+}