@@ -54,42 +54,46 @@ Modal
5454 gap : 12px ;
5555}
5656
57- .settingContent input [type = text ] {
58- flex : 1 ;
57+ .settingContent input [type = ' text' ] {
58+ flex : 1 ;
5959 background-color : var (--settings-input-background-color );
60- border : 1px solid var (--settings-input-border-color );
60+ border : 1px solid var (--settings-input-border-color );
6161 border-radius : 50px ;
62- padding : 6px 18px ;
63- color : var (--settings-input-text-color );
62+ padding : 6px 18px ;
63+ color : var (--settings-input-text-color );
6464 font-size : 14px ;
6565}
6666
67- .settingContent input [type = text ]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
67+ .settingContent input [type = 'text' ]::placeholder {
68+ /* Chrome, Firefox, Opera, Safari 10.1+ */
6869 color : var (--settings-input-placeholder-color );
6970 opacity : 1 ;
7071 font-size : 14px ;
7172}
7273
73- .settingContent input [type = text ]: focus {
74- border-color : var (--settings-input-border-focus-color )
74+ .settingContent input [type = ' text' ]: focus {
75+ border-color : var (--settings-input-border-focus-color );
7576}
7677
7778.settingContent button {
7879 display : flex;
7980 align-items : center;
8081 column-gap : 8px ;
81- background-color : none;
82- border : none;
82+ background-color : none;
83+ border : none;
8384 border-radius : 50px ;
84- padding : 6px 12px ;
85+ padding : 6px 12px ;
8586 font-size : 14px ;
8687 font-weight : bold;
8788 cursor : pointer;
89+ transition : opacity 0.2s linear;
90+ }
91+ .settingContent button : hover {
92+ opacity : 0.9 ;
8893}
89-
9094.rssButton {
91- background-color : # EE802F ;
92- color : white;
95+ background-color : # ee802f ;
96+ color : white;
9397}
9498.rssButton : hover {
9599 opacity : 0.9 ;
@@ -178,8 +182,6 @@ Select styles
178182 color : var (--tag-secondary-color ) !important ;
179183}
180184
181-
182-
183185@media (max-width : 768px ) {
184186 .Modal {
185187 left : 0 ;
@@ -200,42 +202,3 @@ Select styles
200202 align-items : flex-start;
201203 }
202204}
203-
204- /* PAUSE SETTING */
205-
206-
207- .pauseFormWrapper {
208- margin : 6px 0 0 6px ;
209- }
210- .pauseChips {
211- margin : 8px auto;
212-
213- }
214- .pauseForm {
215- display : flex;
216- flex-direction : row;
217- margin-bottom : 8px ;
218- }
219-
220- .pauseForm input [type = number ] {
221- margin-right : 24px ;
222- flex : 1 ;
223- background-color : var (--settings-input-background-color );
224- border : 1px solid var (--settings-input-border-color );
225- border-radius : 50px ;
226- padding : 6px 18px ;
227- color : var (--settings-input-text-color );
228- font-size : 14px ;
229- }
230-
231- .buttonWrapper {
232- display : flex;
233- justify-content : flex-end;
234- margin-right : 6px ;
235- }
236-
237- .pauseButton {
238-
239- background-color : # EE802F ;
240- color : white;
241- }
0 commit comments