Skip to content

Commit 6f280ff

Browse files
MuhammetCoskunMuhammetCoskun
authored
🗳 Oyla sayfası önerge sunma kutusu geliştir (#38)
1 parent c1e2968 commit 6f280ff

File tree

8 files changed

+172
-130
lines changed

8 files changed

+172
-130
lines changed

‎al/ödeme/ETH.svg

+7-9
Loading

‎birim/cüzdan/birim.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -17,8 +17,8 @@
1717
<li id="nad0"><img src="/birim/cüzdan/img/profile.svg" width=16 height=16><span data-phantom
1818
data-en=" View TCKT"> TCKT’ni incele</span></li>
1919
<hr>
20-
<li id="nad1"><img src="/birim/cüzdan/img/copy.svg" data-inline><span data-phantom data-en=" Copy address"> Adresi
21-
Kopyala</span></li>
20+
<li id="nad1"><img src="/birim/cüzdan/img/vote.svg" width=16 height=16 data-inline><span data-phantom
21+
data-en=" Vote"> Oyla</span></li>
2222
<li id="nad2"><img src="/birim/cüzdan/img/debank.svg" width=16 height=16><span data-phantom
2323
data-en=" Show in DeBank"> DeBank’ta görüntüle</span></li>
2424
<li id="nad3"><img src="/birim/cüzdan/img/external-link.svg" data-inline><span data-phantom

‎birim/cüzdan/birim.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -200,7 +200,7 @@ if (window["ethereum"]) {
200200
window.location.href = dom.TR ? "/incele" : "/view";
201201

202202
dom.adla("nad1").onclick = () =>
203-
navigator.clipboard.writeText(/** @type {string} */(Adres));
203+
window.location.href = dom.TR ? "/oyla" : "/vote";
204204

205205
dom.adla("nad2").onclick = () => {
206206
const url = "//debank.com/profile/" + Adres;

‎birim/cüzdan/img/copy.svg

-3
This file was deleted.

‎birim/cüzdan/img/vote.svg

+3
Loading

‎oyla/sayfa.css

+80-52
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@
1111
max-height: 70px;
1212
cursor: pointer;
1313
box-shadow: 2px 2px 10px rgb(0 0 0 / 15%);
14-
border-radius: 2px;
14+
border-radius: 10px;
1515
background-color: #fff;
1616
margin: 1em;
1717
overflow: hidden;
@@ -66,9 +66,11 @@
6666
opacity: 0.5;
6767
border: 1px solid transparent;
6868
border-bottom: 1px solid rgb(0 0 0 / 15%);
69+
box-sizing: border-box;
6970
transition-property: opacity, background-color;
7071
transition-duration: 0.3s;
7172
transition-timing-function: ease-in;
73+
text-align: center;
7274
}
7375

7476
.oyy_tablabel.sol {
@@ -83,113 +85,140 @@
8385

8486
.oyytab {
8587
width: 100%;
86-
padding: 2em;
88+
padding: 1em;
8789
display: none;
8890
order: 1;
8991
justify-content: center;
9092
flex-wrap: wrap;
9193
align-items: center;
9294
}
9395

94-
#oyytabs input[type="radio"]:checked + .oyy_tablabel {
96+
#oyytabs input[type="radio"]:checked+.oyy_tablabel {
9597
opacity: 1;
9698
border: 1px solid rgb(0 0 0 / 15%);
97-
border-bottom: 1px solid transparent;
99+
border-bottom: 1px solid transparent;
98100
}
99101

100-
#oyytabs input[type="radio"]:checked + .oyy_tablabel.sol {
102+
#oyytabs input[type="radio"]:checked+.oyy_tablabel.sol {
101103
border-left: none;
102104
border-top-right-radius: 10px;
103105
}
104106

105-
#oyytabs input[type="radio"]:checked + .oyy_tablabel.orta {
107+
#oyytabs input[type="radio"]:checked+.oyy_tablabel.orta {
106108
border-top-left-radius: 10px;
107109
border-top-right-radius: 10px;
108110
}
109111

110-
#oyytabs input[type="radio"]:checked + .oyy_tablabel.sag {
112+
#oyytabs input[type="radio"]:checked+.oyy_tablabel.sag {
111113
border-right: none;
112114
border-top-left-radius: 10px;
113115
}
114116

115-
#oyytabs input[type="radio"]:checked + label + .oyytab {
117+
#oyytabs input[type="radio"]:checked+label+.oyytab {
116118
display: flex;
117119
}
118120

119-
#oyypc {
120-
width: 50%;
121-
display: flex;
122-
}
123-
124-
#oyypc input::-webkit-outer-spin-button,
125-
#oyypc input::-webkit-inner-spin-button {
121+
.oyypcc input::-webkit-outer-spin-button,
122+
.oyypcc input::-webkit-inner-spin-button {
126123
-webkit-appearance: none;
127124
margin: 0;
128125
}
129126

130-
#oyytc {
131-
width: 50%;
127+
.oyypcc {
132128
display: flex;
133-
justify-content: space-between;
129+
justify-content: center;
130+
width: 100%;
134131
}
135132

136-
#oyytcsol {
137-
display: flex;
138-
flex-direction: column;
133+
@media (max-width: 425px) {
134+
.oyypcc {
135+
display: block;
136+
}
139137
}
140138

141-
#oyytcsag {
139+
.oyytoc {
142140
display: flex;
143141
flex-direction: column;
142+
align-items: center;
144143
justify-content: center;
145144
}
146145

147-
#oyytcsol input[type="radio"]:checked + label {
148-
border: 1px solid rgb(0 0 0 / 15%);
149-
background-color: rgb(0 0 0 / 15%);
146+
.oyynpc {
147+
display: flex;
148+
justify-content: center;
149+
margin-top: 1em;
150150
}
151151

152-
.oyyfi {
153-
width: 50%;
154-
height: 25px;
155-
font-size: 13pt;
156-
margin: 0.5em;
157-
border: none;
158-
outline: none;
152+
#oyystoc {
153+
display: flex;
154+
align-items: center;
155+
min-width: 90px;
156+
min-height: 40px;
159157
}
160158

161-
.oyyfi::placeholder {
162-
opacity: 0.4;
159+
.oyysto {
160+
display: flex;
161+
align-items: center;
162+
justify-content: center;
163+
margin-left: 0.5em;
164+
min-width: 80px;
163165
}
164166

165-
.oyy_toklabel {
167+
#oyytul {
166168
display: flex;
167-
justify-content: start;
168-
align-items: center;
169-
cursor: pointer;
170-
height: 30px;
171-
margin: 0.3em 0.3em 0.3em 1em;
172-
border-radius: 16px;
173-
padding: 0 1em;
174-
width: 80px;
175-
font-weight: 600;
176-
background-color: #fff;
177-
border: 1px solid rgb(0 0 0 / 5%);
169+
flex-direction: column;
170+
justify-content: center;
171+
list-style: none;
172+
padding: 0;
173+
margin: 0;
178174
}
179175

180-
.oyy_toklabel:hover {
176+
@media (max-width: 425px) {
177+
#oyytul {
178+
flex-direction: row;
179+
flex-wrap: wrap;
180+
}
181+
}
182+
183+
.oyytli {
184+
display: flex;
185+
justify-content: center;
186+
align-items: center;
187+
width: 90px;
181188
border: 1px solid rgb(0 0 0 / 15%);
182-
background-color: rgb(0 0 0 / 15%);
189+
box-sizing: border-box;
190+
border-radius: 10px;
191+
margin: 5px;
192+
cursor: pointer;
193+
padding: 0.5em 0;
183194
}
184195

185-
.oyy_tsel {
196+
.oyynp {
186197
display: flex;
198+
width: 60px;
187199
align-items: center;
200+
margin-left: 0.5em;
201+
}
202+
203+
#oyyyf {
204+
outline: none;
205+
border: none;
206+
text-align: end;
207+
width: 100%;
208+
font-family: monospace;
188209
font-size: 13pt;
189210
}
190211

191-
#oyyfsc {
192-
margin: 1em 0;
212+
#oyyyf::placeholder {
213+
opacity: 0.5;
214+
}
215+
216+
.oyyor {
217+
width: 100%;
218+
display: flex;
219+
justify-content: center;
220+
align-self: center;
221+
margin: 2em;
193222
}
194223

195224
.oyc {
@@ -440,5 +469,4 @@
440469
margin: 1em 0;
441470
cursor: pointer;
442471
color: #2ec479;
443-
444472
}

‎oyla/sayfa.html

+42-43
Original file line numberDiff line numberDiff line change
@@ -24,54 +24,53 @@ <h2><a href="/">KimlikDAO</a></h2>
2424
<input type="radio" id="oyytab0" name="tabs" checked="checked">
2525
<label for="oyytab0" class="oyy_tablabel sol" data-en="TCKT Price Change">TCKT Ücret Değişikliği</label>
2626
<div class="oyytab">
27-
<div id="oyytc">
28-
<div id=oyytcsol>
29-
<input type="radio" id=oyy2 name="tokens" checked="checked">
30-
<label for="oyy2" class="oyy_toklabel"><img src="/al/ödeme/USDC.svg" height=24 width=24> USDC</label>
31-
<input type="radio" id=oyy1 name="tokens">
32-
<label for="oyy1" class="oyy_toklabel"><img src="/al/ödeme/USDT.svg" height=24 width=24> USDT</label>
33-
<input type="radio" id=oyy3 name="tokens">
34-
<label for="oyy3" class="oyy_toklabel"><img src="/al/ödeme/TRYB.svg" height=24 width=24> TRYB</label>
35-
<input type="radio" id=oyy0x1 name="tokens">
36-
<label for="oyy0x1" class="oyy_toklabel" style="display:none"><img src="/al/ödeme/ETH.svg" height=24
37-
width=24> ETH</label>
38-
<input type="radio" id=oyy0xa86a name="tokens">
39-
<label for="oyy0xa86a" class="oyy_toklabel" style="display:none"><img src="/al/ödeme/AVAX.svg" height=24
40-
width=24> AVAX</label>
41-
<input type="radio" id=oyy0x89 name="tokens">
42-
<label for="oyy0x89" class="oyy_toklabel" style="display:none"><img src="/al/ödeme/MATIC.svg" height=24
43-
width=24> MATIC</label>
44-
<input type="radio" id=oyy0xfa name="tokens">
45-
<label for="oyy0xfa" class="oyy_toklabel" style="display:none"><img src="/al/ödeme/FTM.svg" height=24
46-
width=24> FTM</label>
47-
<input type="radio" id=oyy0xa4b1 name="tokens">
48-
<label for="oyy0xa4b1" class="oyy_toklabel" style="display:none"><img src="/al/ödeme/ETH.svg" height=24
49-
width=24> ETH</label>
27+
<div class="oyypcc">
28+
<div class="oyytoc">
29+
<ul id=oyytul>
30+
<li id=oyy2 class="oyytli"><img src="/al/ödeme/USDC.svg" height=24 width=24> USDC</li>
31+
<li id=oyy1 class="oyytli"><img src="/al/ödeme/USDT.svg" height=24 width=24> USDT</li>
32+
<li id=oyy3 class="oyytli"><img src="/al/ödeme/TRYB.svg" height=24 width=24> TRYB</li>
33+
<li id=oyy0x1 class="oyytli" style="display:none"><img src="/al/ödeme/ETH.svg" height=24 width=24> ETH
34+
</li>
35+
<li id=oyy0xa86a class="oyytli" style="display:none"><img src="/al/ödeme/AVAX.svg" height=24
36+
width=24> AVAX
37+
</li>
38+
<li id=oyy0x89 class="oyytli" style="display:none"><img src="/al/ödeme/MATIC.svg" height=24
39+
width=24> MATIC
40+
</li>
41+
<li id=oyy0xfa class="oyytli" style="display:none"><img src="/al/ödeme/FTM.svg" height=24 width=24> FTM
42+
</li>
43+
<li id=oyy0xa4b1 class="oyytli" style="display:none"><img src="/al/ödeme/ETH.svg" height=24
44+
width=24> ETH
45+
</li>
46+
</ul>
5047
</div>
51-
<div id=oyytcsag>
52-
<div id=oyys2 class="oyy_tsel"><img src="/al/ödeme/USDC.svg" height=32 width=32> USDC</div>
53-
<div id=oyys1 class="oyy_tsel" style="display:none"><img src="/al/ödeme/USDT.svg" height=32 width=32> USDT
48+
<div class="oyynpc">
49+
<div class="oyynp">
50+
<input type="number" id=oyyyf placeholder="0.0">
5451
</div>
55-
<div id=oyys3 class="oyy_tsel" style="display:none"><img src="/al/ödeme/TRYB.svg" height=32 width=32> TRYB
52+
<div id=oyystoc>
53+
<div id=oyys2 class="oyysto">USDC <img src="/al/ödeme/USDC.svg" height=24 width=24></div>
54+
<div id=oyys1 class="oyysto">USDT <img src="/al/ödeme/USDT.svg" height=24 width=24>
55+
</div>
56+
<div id=oyys3 class="oyysto">TRYB <img src="/al/ödeme/TRYB.svg" height=24 width=24>
57+
</div>
58+
<div id=oyys0x1 class="oyysto">ETH <img src="/al/ödeme/ETH.svg" height=24 width=24>
59+
</div>
60+
<div id=oyys0xa86a class="oyysto">AVAX <img src="/al/ödeme/AVAX.svg" height=24
61+
width=24></div>
62+
<div id=oyys0x89 class="oyysto">MATIC <img src="/al/ödeme/MATIC.svg" height=24
63+
width=24></div>
64+
<div id=oyys0xfa class="oyysto">FTM <img src="/al/ödeme/FTM.svg" height=24
65+
width=24></div>
66+
<div id=oyys0xa4b1 class="oyysto">ETH <img src="/al/ödeme/ETH.svg" height=24
67+
width=24></div>
5668
</div>
57-
<div id=oyys0x1 class="oyy_tsel" style="display:none"><img src="/al/ödeme/ETH.svg" height=32 width=32> ETH
58-
</div>
59-
<div id=oyys0xa86a class="oyy_tsel" style="display:none"><img src="/al/ödeme/AVAX.svg" height=32
60-
width=32> AVAX</div>
61-
<div id=oyys0x89 class="oyy_tsel" style="display:none"><img src="/al/ödeme/MATIC.svg" height=32
62-
width=32> MATIC</div>
63-
<div id=oyys0xfa class="oyy_tsel" style="display:none"><img src="/al/ödeme/FTM.svg" height=32
64-
width=32> FTM</div>
65-
<div id=oyys0xa4b1 class="oyy_tsel" style="display:none"><img src="/al/ödeme/ETH.svg" height=32
66-
width=32> ETH</div>
6769
</div>
6870
</div>
69-
<div id="oyypc">
70-
<input type="number" id=oyyprice class="oyyfi" placeholder="Fiyat Giriniz">
71-
</div>
72-
<div id="oyyfsc">
73-
<a href="javascript:" id="oyyfs" class="act btn lft" data-en="Submit Proposal">Öneri Gönder</a>
74-
<a href="javascript:" id="oyyfc" class="btn" data-en="Cancel">İptal</a>
71+
<div class="oyyor">
72+
<a href="javascript:" id=oyyo class="act btn lft" data-en="Confirm">Onayla</a>
73+
<a href="javascript:" id=oyyr class="btn" data-en="Cancel">İptal</a>
7574
</div>
7675
</div>
7776
<input type="radio" id="oyytab1" name="tabs">

0 commit comments

Comments
 (0)