Hugging Face's logo

Spaces:
GarGerry
/
Flux-web
Running

App Files Community
GarGerry commited on
Commit
c7652f6
·
verified ·
1 Parent(s): af9d53d

Update style.css

Browse files
Files changed (1) hide show
  1. style.css +13 -63
style.css CHANGED
@@ -30,6 +30,7 @@ header {
30
 
31
  header h1 {
32
  font-size: 1.5rem;
 
33
  }
34
 
35
  header nav ul {
@@ -37,12 +38,15 @@ header nav ul {
37
  justify-content: center;
38
  gap: 1rem;
39
  list-style: none;
 
 
40
  }
41
 
42
  header nav ul li a {
43
  color: white;
44
  text-decoration: none;
45
  font-weight: bold;
 
46
  }
47
 
48
  #toggleDarkMode {
@@ -66,36 +70,18 @@ section {
66
  }
67
 
68
  .project {
69
- margin-bottom: 1rem;
70
  }
71
 
72
- /* Form */
73
- form input, form textarea, form button {
74
- width: 100%;
75
- margin: 0.5rem 0;
76
- padding: 0.7rem;
77
- border: 1px solid #ccc;
78
- border-radius: 5px;
79
- }
80
-
81
- /* Chat Footer */
82
- .chat-footer {
83
- position: fixed;
84
- bottom: 0;
85
- left: 0;
86
- width: 100%;
87
  background: purple;
88
  color: white;
89
- text-align: center;
90
- padding: 1rem;
91
- }
92
-
93
- #chatButton {
94
- background: white;
95
- color: purple;
96
  border: none;
97
- padding: 0.5rem 1rem;
98
  border-radius: 5px;
 
 
 
99
  cursor: pointer;
100
  }
101
 
@@ -112,26 +98,6 @@ form input, form textarea, form button {
112
  color: black;
113
  }
114
 
115
- /* Burger Menu for Mobile */
116
- .burger-menu {
117
- display: none;
118
- font-size: 1.5rem;
119
- cursor: pointer;
120
- position: absolute;
121
- top: 1rem;
122
- left: 1rem;
123
- }
124
-
125
- header nav ul {
126
- flex-wrap: wrap;
127
- }
128
-
129
- header nav ul.active {
130
- display: block;
131
- flex-direction: column;
132
- text-align: center;
133
- }
134
-
135
  /* Media Queries */
136
  @media (max-width: 768px) {
137
  header h1 {
@@ -139,22 +105,10 @@ header nav ul.active {
139
  }
140
 
141
  header nav ul {
142
- display: none;
143
- }
144
-
145
- header nav ul.active {
146
  display: flex;
147
  flex-direction: column;
148
- background-color: purple;
149
- position: absolute;
150
- top: 3.5rem;
151
- left: 0;
152
- width: 100%;
153
- padding: 1rem 0;
154
- }
155
-
156
- .burger-menu {
157
- display: block;
158
  }
159
 
160
  section {
@@ -165,12 +119,8 @@ header nav ul.active {
165
  margin-left: 1rem;
166
  }
167
 
168
- .chat-footer {
169
- font-size: 0.9rem;
170
- padding: 0.8rem;
171
- }
172
-
173
  #chatButton {
 
174
  font-size: 0.9rem;
175
  }
176
  }
 
30
 
31
  header h1 {
32
  font-size: 1.5rem;
33
+ margin-bottom: 0.5rem;
34
  }
35
 
36
  header nav ul {
 
38
  justify-content: center;
39
  gap: 1rem;
40
  list-style: none;
41
+ margin: 0.5rem 0;
42
+ padding: 0;
43
  }
44
 
45
  header nav ul li a {
46
  color: white;
47
  text-decoration: none;
48
  font-weight: bold;
49
+ font-size: 1rem;
50
  }
51
 
52
  #toggleDarkMode {
 
70
  }
71
 
72
  .project {
73
+ margin-bottom: 1.5rem;
74
  }
75
 
76
+ #chatButton {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
77
  background: purple;
78
  color: white;
 
 
 
 
 
 
 
79
  border: none;
80
+ padding: 0.7rem 1.5rem;
81
  border-radius: 5px;
82
+ font-size: 1rem;
83
+ margin: 1.5rem auto 0;
84
+ display: block;
85
  cursor: pointer;
86
  }
87
 
 
98
  color: black;
99
  }
100
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
101
  /* Media Queries */
102
  @media (max-width: 768px) {
103
  header h1 {
 
105
  }
106
 
107
  header nav ul {
 
 
 
 
108
  display: flex;
109
  flex-direction: column;
110
+ gap: 0.5rem;
111
+ margin-top: 1rem;
 
 
 
 
 
 
 
 
112
  }
113
 
114
  section {
 
119
  margin-left: 1rem;
120
  }
121
 
 
 
 
 
 
122
  #chatButton {
123
+ width: 80%;
124
  font-size: 0.9rem;
125
  }
126
  }