File tree Expand file tree Collapse file tree 1 file changed +0
-67
lines changed
Expand file tree Collapse file tree 1 file changed +0
-67
lines changed Original file line number Diff line number Diff line change 386386 .homepage-container .active {
387387 transform : none;
388388 }
389- }
390-
391- @media (max-width : 400px ) {
392- .slider-container {
393- max-width : 90vw ;
394- padding : 0 10px ;
395- overflow-x : auto;
396- }
397-
398- .slider {
399- display : flex;
400- gap : 8px ;
401- justify-content : flex-start;
402- overflow-x : auto;
403- scroll-snap-type : x mandatory;
404- white-space : nowrap;
405- padding : 10px 0 ;
406- }
407-
408- .homepage-container {
409- min-width : 160px ;
410- max-width : 75% ;
411- flex : 0 0 auto;
412- margin : 10px ;
413- padding : 15px ;
414- scroll-snap-align : center;
415- text-align : center;
416- word-wrap : break-word;
417- overflow-wrap : break-word;
418- display : flex;
419- flex-direction : column;
420- align-items : center;
421- }
422-
423- .friend-profile {
424- width : 80px ;
425- height : 80px ;
426- }
427-
428- .home-description {
429- font-size : 0.75rem ;
430- word-wrap : break-word;
431- overflow-wrap : break-word;
432- max-width : 90% ;
433- white-space : normal;
434- text-align : center;
435- line-height : 1.2 ;
436- display : block;
437- overflow : hidden;
438- }
439-
440- .slider-btn {
441- width : 30px ;
442- height : 30px ;
443- position : absolute;
444- top : 50% ;
445- transform : translateY (-50% );
446- z-index : 10 ;
447- }
448-
449- .slider-btn .left-btn {
450- left : 5px ;
451- }
452-
453- .slider-btn .right-btn {
454- right : 5px ;
455- }
456389}
You can’t perform that action at this time.
0 commit comments