Update styles.css
Browse files- styles.css +5 -5
styles.css
CHANGED
@@ -67,8 +67,8 @@ body {
|
|
67 |
top: 50%;
|
68 |
left: 50%;
|
69 |
transform: translate(-50%, -50%);
|
70 |
-
width:
|
71 |
-
height:
|
72 |
object-fit: cover; /* تغطي المساحة المتاحة */
|
73 |
border-radius: 50%; /* تأثير دائري */
|
74 |
border: 2px solid #fff; /* حدود بيضاء */
|
@@ -77,14 +77,14 @@ body {
|
|
77 |
|
78 |
.hashtag {
|
79 |
position: absolute;
|
80 |
-
bottom:
|
81 |
left: 50%;
|
82 |
transform: translateX(-50%);
|
83 |
font-size: 16px;
|
84 |
color: white;
|
85 |
-
|
|
|
86 |
border-radius: 5px;
|
87 |
-
font-weight: bold;
|
88 |
}
|
89 |
|
90 |
#username-input {
|
|
|
67 |
top: 50%;
|
68 |
left: 50%;
|
69 |
transform: translate(-50%, -50%);
|
70 |
+
width: 80%; /* حجم أصغر لتناسب الدائرة */
|
71 |
+
height: 80%;
|
72 |
object-fit: cover; /* تغطي المساحة المتاحة */
|
73 |
border-radius: 50%; /* تأثير دائري */
|
74 |
border: 2px solid #fff; /* حدود بيضاء */
|
|
|
77 |
|
78 |
.hashtag {
|
79 |
position: absolute;
|
80 |
+
bottom: 10px;
|
81 |
left: 50%;
|
82 |
transform: translateX(-50%);
|
83 |
font-size: 16px;
|
84 |
color: white;
|
85 |
+
background-color: rgba(0, 0, 0, 0.5);
|
86 |
+
padding: 5px 10px;
|
87 |
border-radius: 5px;
|
|
|
88 |
}
|
89 |
|
90 |
#username-input {
|