TeleCO2gram / frontend

0 stars 0 forks source link

Centrare e rendere 100% (con 20 px di margin) largo la tabella dei messaggi #6

Open francescosave opened 3 months ago

francescosave commented 3 months ago

Task TK.136 assigned iews/1?pane=issue&itemId=70838974

Non trovo il table width in https://www.ripple-ui.com/

il css corrispondente sarebbe

table {
  width: 100%;
}
francescosave commented 3 months ago

Doc reference https://tailwindcss.com/docs/width

dovro' utilizzare le classi tailwind e direi nel caso della tabella

<thead>
            <tr>
                <th class="w-1/12">ID</th>
                <th  class="w-3/12">Type</th>
                <th  class="w-4/12">Dates</th>
                <th  class="w-2/12">Weight</th>
                <th  class="w-2/12">User</th>
            </tr>
        </thead>

ma per la tabella non funziona rimane con un suo dimensionamento automatico in base alle colonne

francescosave commented 3 months ago

comincia ad avere un posizionamento ma non ho chiaro il valore 12 delle th Inoltre vorrei eliminare il margine 10 ma centrare sulla larghezza dello schermo oppure su un di 100% oppure 91.6%

<table class="table m-10 w-11/12" #table>
        <thead>
            <tr>
                <th class="w-2/12">ID</th>
                <th class="w-2/12">Type</th>
                <th class="w-6/12">Dates</th>
                <th class="w-2/12">Weight</th>
                <th class="w-12/12">User</th>
            </tr>
        </thead>
        <tbody>
            <tr *ngFor="let message of messages">
                <th>{{ message.id }}</th>
                <td>{{ message.type }}</td>
                <td>{{ message.date }}</td>
                <td>{{ message.weight }}</td>
                <td>{{ message.user_id }}</td>
            </tr>
        </tbody>
</table>

image

marghe27 commented 3 months ago

Ricevuto il task. 👌 Sono ancora in vacanza

Inviato da Outlook per Androidhttps://aka.ms/AAb9ysg


From: Francesco Ricci @.> Sent: Saturday, July 13, 2024 7:02:00 PM To: TeleCO2gram/frontend @.> Cc: Margherita @.>; Assign @.> Subject: Re: [TeleCO2gram/frontend] Centrare e rendere 100% (con 20 px di margin) largo la tabella dei messaggi (Issue #6)

Assigned #6https://github.com/TeleCO2gram/frontend/issues/6 to @marghe27https://github.com/marghe27.

— Reply to this email directly, view it on GitHubhttps://github.com/TeleCO2gram/frontend/issues/6#event-13495841333, or unsubscribehttps://github.com/notifications/unsubscribe-auth/AJOB43BHRE7GS6NEYSZPOYTZMFMQRAVCNFSM6AAAAABK2NJXG6VHI2DSMVQWIX3LMV45UABCJFZXG5LFIV3GK3TUJZXXI2LGNFRWC5DJN5XDWMJTGQ4TKOBUGEZTGMY. You are receiving this because you were assigned.Message ID: @.***>